Vue 监听数据渲染完成后执行某方法

使用 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
      })
    }
  },

版权声明:本文为noeal原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。