element-ui 打开el-dialog弹窗,会改变el-table表格的数据处理方案

element-ui 打开el-dialog弹窗,会改变el-table表格的数据
对象赋值对象 this.form = row,赋值时赋的是 ‘地址’ ,即赋值后两个变量引用的是栈中相同的一个内存地址,两变量之间会相互影响,其中一个变量的数据改变,另一个的数据也会跟着变。

深拷贝处理数据即可

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-button size="mini" @click="handleEdit(scope.row)">查看</el-button>
   </template>
</el-table-column>
//查看功能
handleEdit(row) {
    
    
//this.form为表单数据,row是表格的某一行
 this.form = JSON.parse(JSON.stringify(row));
}

猜你喜欢

转载自blog.csdn.net/qq_38881495/article/details/133301316
今日推荐