美文网首页
ElementUI 表格 事件传参为scope.row.具体属性

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

作者: Cherry丶小丸子 | 来源:发表于2021-03-14 18:11 被阅读0次
<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