VUE加elementUI的一个坑.随便记录一下!

supeng4676

首先前端用uniapp写是效果不错的.
后端管理页面用vue+elementUI(饿了么UI),配合起来就可以做一个相当完整的项目了.
但是我最近发现一个坑.我估计只有做过的才知道.
比如一个按钮绑定了事件:
@onclick(hanshu(canshu))



如果hanshu里面的参数是变量传进来的
data:{
canshu:[],
table:[]
}



hanshu(val){
table = val  (如果这样赋值)

}

页面显示:
div里面放input ,input的内容用for 循环循环出table数组里面的内容.
然后你修改input的内容会发现,canshu的内容也会改变....这就是双向绑定.
也就是说,一个变量a,你传参传给别的变量A,别的地方改了,而且改的是别的变量A,那么变量a也会跟着改变...



想来想去没办法,最后发现一个解决办法:




就是把变量a里面每一个成员单独的赋值给变量A,然后这种情况就解决了.....
碰巧发现的一个问题....
本人vue新手.给各位萌新排个坑.

zipper2016

hanshu(val){table=JSON.parse(JSON.stringify(val))}

单身汪

也可以用 lodash 的 cloneDeep 方法

mywood

感谢分享

蕉仔

蕉仔 发表于 2022-9-23 18:29
引用类型 和值类型不一样的  值类型赋值  = 就可以  引用类型需要传递引用地址 ,复制的只是数据,但是地址不 ...

拷贝分为深拷贝和浅拷贝

蕉仔

引用类型 和值类型不一样的  值类型赋值  = 就可以  引用类型需要传递引用地址 ,复制的只是数据,但是地址不一样  不过也有语言处理的了 python已经处理过了  引用类型可以直接=

第八号当铺

对象克隆问题,可以这样赋值 this.table = JSON.parse(JSON.stringify(val))

xcs1798

VUE看不懂啊，要怎么学

fullzoon

对象和数组都是引用数据类型。赋值给别的变量的话只是赋值了映射的地址，并没有复制成两个对象或者数组。修改的时候修改的还是同一个

lianzuo123

这...麻烦先了解下引用数据类型跟基本数据类型