解决vue中前台页面回填数据的问题
#解决vue编辑页面回填数据的问题##Object.assign()深拷贝方法Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。只要有一个参数不是对象,就会抛出TypeError错。...
·
#解决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;
},
##效果如下:
更多推荐
已为社区贡献4条内容
所有评论(0)