mpvue開發(fā)小程序
scroll-into-view 是 scroll-view 的一個(gè)屬性 , 其綁定的是一個(gè)變量 , 即要定位的子節(jié)點(diǎn)的id ( id不能以數(shù)字開頭 )

• 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(){ //在合適的時(shí)機(jī)調(diào)用即可
          //以下設(shè)法是給變量賦值最后一個(gè)節(jié)點(diǎn)的id(將滾動條設(shè)到最后一條消息位置)
          this.toView = 'msg-' + (this.messageList.length - 1);
        }
      }
   }
</script>