脚本宝典收集整理的这篇文章主要介绍了vue中修改Modal的重置功能怎么写?(重置不单独调后台接口)可利用深拷贝,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。@H_777_0@工作中遇到弹出模态框形式的修改功能,模态框里面是Form表单,Form表单中的内容是从后台获取的,这时候用户修改完没有提交,而是想重置然后重新修改,怎么办呢?
/**
* 深度拷贝
* @param {*} arr
*/
export const copyArray = (arr) => {
return JSON.parse(JSON.stringify(arr))
}
然后在你用到修改功能的vue文件中,直接引入使用就可以le
import { copyArray } From '@/utils/util.js'
//重置的时候
//this.formInline是这个Form绑定的:model
//data是初始时Form的数据(修改前)
this.formInline = copyArray(data)
这是深拷贝的json方式,深拷贝的方式有很多,可自行了解
说一下这种方式的原理吧
上面说过基本数据类型没有深拷贝,json.stringify()将数组数据类型转换成字符串数据类型
字符串属于基本数据类型,基本数据类型是按值传递的
VAR b = 1;
var a = b;
b++;
console.LOG(a,b)//1,2
这时候进行拷贝,然后在将字符串转换成对象,就实现了深拷贝
以上是脚本宝典为你收集整理的vue中修改Modal的重置功能怎么写?(重置不单独调后台接口)可利用深拷贝全部内容,希望文章能够帮你解决vue中修改Modal的重置功能怎么写?(重置不单独调后台接口)可利用深拷贝所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。