
vue
文章平均质量分 53
吃炸鸡的前端
用爱发电
展开
-
为什么props接收的值为undefined
在项目中,我们会经常使用到props传值,经常是由父组件传递给子组件一个值,然后我们在子组件中想去使用这个props接收的值,但是在created和mounted中打印,却发现是初始值或者为undefined,并不是我们在父组件中发送异步请求拿到的那个值.但是通过setTimeout设置了一定的时间之后,我们又能拿到对应的值.这是什么情况呢?解决4:使用v-if来判断,这样子在子组件中的created中就可以将有值的transData打印出来了。请求回来的, 请求的这个过程是需要时间的,但是。原创 2021-10-21 10:28:39 · 7717 阅读 · 1 评论 -
vue中key值的作用
但是有时候我们需要忘记密码的时候,我们会去切换表单,但是由于这两个表单长的十分的像,导致浏览器也识别不出来,于是导致了我们的账号密码都明文显示在了输入框内。解析:这是之前碰到的,大概就是tab切换两颗树结构(人员树,组织树)时,因为自己写的dom结构基本都相同,只是发的请求不同,导致从人员树切换到组织树的时候,组织树显示的数据还是人员树的数据。在加上key值之后,就能成功的切换了。因为vue对于长的很像的一些结构无法识别,会导致一些错乱问题,因此用key来作为唯一标识,就不会导致程序的错乱。原创 2022-10-25 11:54:37 · 529 阅读 · 0 评论 -
package-lock.json冲突怎么办
在合并分支的时候会遇到package-lock.json的冲突,本来刚开始没有在意,认为也没什么。但是直到package-lock.json出现了一大片的冲突时,我才觉得问题是真的有点大。 问题排查:很大概率是node版本和npm版本的问题。然后问各组员大家的npm版本,发现有两个同事是6.x版本的,而我自己的是7.x版本的npm。经过自己的测试,使用npm i 安装,发现6.x版本的npm安装依赖(package-lock.json)如下:但是7.x版本的npm安装的依赖会是有一个pac原创 2022-07-07 19:09:19 · 4252 阅读 · 0 评论 -
VUE中computed 、created 、mounted 的先后顺序
VUE中computed 、created 、mounted 的先后顺序1.computed 、created 、mounted 的先后顺序created => computed => mounted2.父子组件生命周期执行顺序 **页面初始化时:**父beforeCreate -> 父created -> 父beforeMount ->子beforeCreate -> 子created ->子beforeMount -> 子mounted-原创 2022-04-28 17:14:38 · 6727 阅读 · 0 评论 -
表单输入框自定义校验00开头数字问题
表单输入框自定义校验00开头数字问题场景:表单校验用户只能输入6-7为数字误区:使用element input中v-model.number 或者正则reg来判断。不能用这两种判断的原因是当用户输入0开头的数字时,会把前面的0去掉。 比如输入了 000001,后面的value会是1解决办法: <el-form-item label="警员编号:" prop="jobNumber"> <el-input v-model="submitObj.jobNumbe原创 2022-04-20 15:49:49 · 1228 阅读 · 0 评论