ElementUI 表格 事件传参为scope.row.具体属性
<el-table :data="tableData">
<el-table-column prop="target" label="目标">
<template slot-scope="scope">
<el-button @click="viewUpdate(scope.row.target)"></el-button>
<el-button @click="viewUpdate(scope.row)"></el-button>
</template>
</el-table-column>
</el-table>
data() {
return {
tableData:[{
target:"1"
}]
}
},
methods:{
// 使用当前行数据 的具体的某属性 作为参数传递,修改其值,视图不会更新
viewUpdate(target){
target = "2"
},
// 使用当前行数据 作为参数传递,再修改具体某项属性时,试图更新
viewUpdate(row){
row.target = "2"
}
}
总结:只能监听整个row的变化,row中某个属性变化时,是无法追踪的
本文标题:ElementUI 表格 事件传参为scope.row.具体属性
本文链接:https://www.haomeiwen.com/subject/ykfccltx.html
网友评论