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 = JSON.parse(JSON.stringify(row));//this.form为表单数据,row是表格的某一行
}

猜你喜欢

转载自blog.csdn.net/qq_38881495/article/details/130196087