ElementUI 表格 事件传参为scope.row.具体属性

2021-03-14  本文已影响0人  Cherry丶小丸子
<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中某个属性变化时,是无法追踪的

上一篇 下一篇

猜你喜欢

热点阅读