Vue中监视message代码如下
watch:{
message:function(){
this.$nextTick(function(){
mui('.mui-scroll-wrapper').scroll().scrollToBottom(100);
})
}
}plusready中已经
mui('.mui-scroll-wrapper').scroll({
indicators: true //是否显示滚动条
});但是获得message对象后，html中有追加数据，但是数据在底部隐藏，滚动条并未有动作。不过如果将滚动条手工拉至顶部，下一次数据变动，滚动条可以滚动至底部一次，但是后续message变动，滚动条又不再有动作。
3 个回复
c***@live.com
查看mui.js源代码后发现使用mui('.mui-scroll-wrapper').scroll().scrollToBottom(100)后再次使用，this.maxScrollY并未刷新，所以再每次调用mui('.mui-scroll-wrapper').scroll().scrollToBottom(100)前手动刷新一次this.maxScrollY。在mui('.mui-scroll-wrapper').scroll().scrollToBottom(100);前添加mui('.mui-scroll-wrapper').scroll().refresh();先刷新一次布局再bottom
yew (作者)
@DCloud_MUI_果汁
yew (作者)
将plusready中的
移动到watch中，情况依然如上所述