想要给表格中的按钮添加loading,但是一个按钮定义一个loading又不现实。
想到的解决方法如下,不完美,但能用。
遍历表格数据添加loading属性
javascript
// 添加loading
this.tableList.forEach((item, index) => {
item.loading = false
})
给表格中按钮添加loading
javascript
<el-button
type="primary"
plain
size="mini"
:loading="scope.row.loading"
@click="handle(scope.$index, scope.row)">按钮</el-button>
点击按钮后,重新赋值loading
javascript
handle(index, row){
row.loading = true
// 处理loading不生效,这段代码必须添加,否则 row.loading = true 不生效,原因未知
let tn = row.taskName
row.taskName = ''
row.taskName = tn
}