vue中数据绑定遇到的问题

2024-09-05 13:18:46

<!-- 使用element中的表格组件，在编辑的时候传递每行的数据 -->

<el-button size="small" type="success" @click="editRole(scope.$index, scope.row)">编辑</el-button>

// 父组件

editRole(index, row) {

    // 调用子组件中的setRole函数，并传递该行数据

    this.$refs.mychild.setRole(row);

    // 在父组件中也可以进行转换

    this.$refs.mychild.setRole(Object.assign({}, row));

}

setRole (role) {

    // 如果使用this.roleInfo = role，则两个对象所指向的内存是一样的，所以改变一个，另一个也会改变

    // this.roleInfo = role;

    // 进行对象的深复制

    this.roleInfo = JSON.parse(JSON.stringify(role));

}

最新文章

热门文章