<el-table :data="tableData">
<el-table-column label="操作">
<template slot-scope="scope">
<el-button :loading="scope.row.submitloading" @click="submitFn(scope.row)">提交
</el-button>
</template>
</el-table-column>
</el-table>
<script>
export default {
data(){
return {
tableData:[]
}
},
methods:{
getList () {
queryList().then(res => {
this.tableData = res.data
this.table.map(item => {
this.$set(item, 'submitloading', false)
return item
})
})
},
submitFn (row) {
row.submitloading = true
submitList().then(res => {
row.submitloading = false
}).catch(() => {
row.submitloading = false
})
}
}
}
</script>
注:一定要用this.$set(),其他方式监听不到,增加不了字段