备忘:JS中值拷贝

675人浏览 2022-06-02

备忘:JS中值拷贝

场景:Vue中给一个变量赋值。


data(){
  return{
   info:{}
  }
}

methods:{
//错误示例
//设置info res为另一个对象
//此时会出现数据双向绑定。
 setInfo(res){
   this.info = res
 }
 //使用浅拷贝 不能拷贝对象包含对象的状况。
 setInfo2(res){
    this.info = {...res}
 }

//使用深拷贝 借助lodash 
//import cloneDeep from 'lodash/cloneDeep'
 setInfo2(res){
    this.info = cloneDeep(res)
 }


}

Vue组件使用原生事件

使用“native”修饰

<el-input placeholder="请输入属性值名称" size="mini" v-model="row.valueName" @keyup.native.enter=""></el-input>

 

 

推荐文章

使用npm安装vue框架
2020-10-21
在win10下使用压缩包安装npm和node,绿色版安装npm
2020-10-21
npm 常用命令汇总
2020-10-21
搜索文章