VUE子组件修改父组件值不更新

关于VUE子组件修改父组件值不更新问题的解决方案首先父组件通过props传值给子组件的值是无法通过子组件自行修改了,只能使用类似于$emit这样的方法启用触发父组件方法修改,不然会报错不过通过对象传输给子组件,子组件在已有父组件对象上添加属性是可以改变父组件对象的这个时候我们会遇到一个问题如标题我们添加属性的时候它和我们想象中一样的改变,但此时我们再在原有的基础上进行修改父组件将不再更新我们的

想到好的再改

3449人浏览 · 2021-08-16 11:01:11

想到好的再改 · 2021-08-16 11:01:11 发布

关于VUE子组件修改父组件值不更新问题的解决方案

首先父组件通过props传值给子组件的值是无法通过子组件自行修改了,只能使用类似于$emit这样的方法启用触发父组件方法修改,不然会报错
不过通过对象传输给子组件,子组件在已有父组件对象上添加属性是可以改变父组件对象的
这个时候我们会遇到一个问题如标题我们添加属性的时候它和我们想象中一样的改变,但此时我们再在原有的基础上进行修改父组件将不再更新我们的值.解决方案如下

this.$set(对象,修改的属性名,值)

使用VUE的$set方法更新视图

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^