有关子组件修改父组件传值报错问题

简介: 有关子组件修改父组件传值报错问题

有关子组件修改父组件传值报错问题

今天封装了一个弹框,在父组件进行调用的时候传值是否显示弹框,在子组件中使用的时候,根据具体情况,需要关闭弹框,此时报错信息如下。


0b90a3790d8043f1950ea7e89dd1c35d.png

原来代码是这么写的(会报错)

31ea347bccc940baa4fa331ea3a4e206.png

修改之后代码如下

c08359db1bc347219f63beb6b5cdda69.png


具体用法代码示例:

父组件

<PrevieInvoice
        :previewInfoShow.sync="previewInfoShow"
        v-if="previewInfoShow"
      ></PrevieInvoice>

子组件

if (null != res && res.code == 200) {
    //关闭子组件弹框
      this.$emit("update:传来的对应变量", 需要改变的变量的值);
}
相关文章
|
9月前
有关子组件修改父组件传值报错问题
有关子组件修改父组件传值报错问题
58 0
|
9月前
|
JavaScript
Vue2中子组件调用父组件的方法,父组件调用子组件的方法,父子组件互相传值和方法调用
Vue2中子组件调用父组件的方法,父组件调用子组件的方法,父子组件互相传值和方法调用
|
8月前
|
JavaScript
子组件向父组件传参的方式?
子组件向父组件传参的方式?
119 0
|
9月前
|
人工智能 JavaScript 前端开发
sync修饰符-子组件修改父组件属性
sync修饰符-子组件修改父组件属性
|
9月前
|
JavaScript 前端开发 算法
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(一)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
129 0
|
9月前
|
前端开发 JavaScript 开发者
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(二)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
100 0
|
9月前
|
小程序
子组件调用父组件的方法并传递数据
子组件调用父组件的方法并传递数据
106 0
|
JavaScript 前端开发
vue 子组件修改父组件变量问题
vue 子组件修改父组件变量问题
153 0
|
JavaScript
Vue 在父(子)组件引用其子(父)组件方法和属性
Vue 在父(子)组件引用其子(父)组件方法和属性
261 0
|
JavaScript 索引
Vue动态添加和删除组件的实现,子组件和父组件的传值实例演示
Vue动态添加和删除组件的实现,子组件和父组件的传值实例演示
257 0