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>
