<!-- 使用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));
}