uniapp 页面下次渲染完成后执行:this.$nextTick
this.$nextTick函数nextTick函数是vue提供的,其作用为:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。重点1: 修改数据之后立即使用。重点2: 下次DOM 更新后回调。参考uniapp 页面渲染完成...
·
前言
略
this.$nextTick函数
this.$nextTick函数
nextTick函数是vue提供的,其作用为:
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
重点1: 修改数据之后立即使用。
重点2: 下次DOM 更新后回调。
可能的写法
<script>
export default {
data() {
return {
}
},
onLoad() {
this.loadData();
},
methods: {
loadData: function(e) {
uni.request({
url: ...,
data: ...,
success: (res) => {
...
/*拿到服务器返回的数据后,我想根据数据修改某个元素的高度*/
this.$nextTick(function() {
/*下次 DOM 更新时,找到某个控件,再进行复杂计算并确定其高度后*/
});
},
fail: (res) => {
...
}
});
},
}
}
</script>
参考
更多推荐
已为社区贡献2条内容
所有评论(0)