Vue 监听数据渲染完成后执行某方法
使用 watch 给数据添加事件监听,并设置 table 组件默认添加 loading ,当表格数据 categoriesList 渲染完成后实行 this.loading = false,取消 loading。可解决表格加载等待的问题。<Tablev-loading="loading":tableData="categoriesList"></Table>data ()
·
使用 watch 给数据添加事件监听,并设置 table 组件默认添加 loading ,当表格数据 categoriesList 渲染完成后实行 this.loading = false,取消 loading。可解决表格加载等待的问题。
<Table
v-loading="loading"
:tableData="categoriesList">
</Table>
data () {
return {
loading: true,
categoriesList: [],
}
}
watch: {
categoriesList: function () {
var _this = this
_this.$nextTick(function () {
this.loading = false
})
}
},
更多推荐
已为社区贡献4条内容
所有评论(0)