小程序:scroll-view设定滚动条到指定位置

mpvue开发小程序
scroll-into-view 是 scroll-view 的一个属性 , 其绑定的是一个变量 , 即要定位的子节点的id ( id不能以数字开头 )

• scroll-view 必须有固定的高度
• scroll-into-view 必须是变量是变量是变量

 <scroll-view class="chat-list" :scroll-y="true" :scroll-into-view="toView">
   <view v-for="(item,index) in messageList" :key="index" :id="'msg-'+index">
      <div v-if="item.username == item.receiveUser">Demo1</div>
      <div v-else>Demo2</div>
   </view>
</scroll-view>

<script>
   export default{
      data(){
        // 消息列表
        messageList:[],
        // 滚动条定位位置
        toView: ''
      },
      methods: {
        setScrollPoint(){ //在合适的时机调用即可
          //以下设法是给变量赋值最后一个节点的id(将滚动条设到最后一条消息位置)
          this.toView = 'msg-' + (this.messageList.length - 1);
        }
      }
   }
</script>