element-ui avue 设置table 行操作按钮加载状态

1.按钮设置

<el-button  :loading="scope.row.loading" @click="publish(scope.row)">发布</el-button>

2.在方法中改变loading的状态值

 publish(data) {
      if (!data.id) {
        return
      }
      this.$set(data, 'loading', true)
      release(data.id).then(res => {
        this.onLoad(this.page);
        this.$set(data, 'loading', false)
        this.$message({
          type: 'success',
          message: '发布成功!'
        });
      })
}

因为我们是想点击哪行 哪行触发加载 所以就的改变scoped.row的值 ,开始没想 点击一个 全部转起来了 。。。。

猜你喜欢

转载自blog.csdn.net/killerdoubie/article/details/131829003