#解决vue编辑页面回填数据的问题
##Object.assign()深拷贝方法
Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。
它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。只要有一个参数不是对象,就会抛出TypeError错。
##1首先在编辑按钮的点击事件中写一个updateInf方法

<el-button
            @click="updateInf(scope.$index,scope.row)"
            icon="el-icon-circle-plus"
            type="text"
            size="small"
          >编辑</el-button>

##2在js中的methods中定义updateInf方法,其中由于address是字符串类型的数据,需要用split()方法,该方法用于将一个字符串分割成一个字符串数组。

updateInf: function(index, row) {
      this.dialogUpdateVisible = true;
      this.update = Object.assign({}, row);
      let addressSplit = row.address.split("/");
      this.update.address= addressSplit;
    },

##效果如下:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐