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

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

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

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


0b90a3790d8043f1950ea7e89dd1c35d.png

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

31ea347bccc940baa4fa331ea3a4e206.png

修改之后代码如下

c08359db1bc347219f63beb6b5cdda69.png


具体用法代码示例:

父组件

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

子组件

if (null != res && res.code == 200) {
    //关闭子组件弹框
      this.$emit("update:传来的对应变量", 需要改变的变量的值);
}
相关文章
|
JavaScript
Vue 项目使用 json-editor (二)
Vue 项目使用 json-editor (二)
1044 0
|
存储 消息中间件 JavaScript
vue组件传值的12种方式
【10月更文挑战第1天】
924 60
|
关系型数据库 MySQL
MySQL delete后怎么释放表空间
MySQL delete后怎么释放表空间
636 0
|
JavaScript
Vue子组件调用父组件方法并传参的5种方式:$emit触发、传入子组件function、访问父组件$parent.function、用inject关联父组件provide的方法、用window.fun
Vue子组件调用父组件方法并传参的5种方式:$emit触发、传入子组件function、访问父组件$parent.function、用inject关联父组件provide的方法、用window.fun
|
监控 NoSQL MongoDB
第5期 MongoDB配置用户名密码认证登录
第5期 MongoDB配置用户名密码认证登录
2351 0
|
3天前
|
云安全 人工智能 算法
以“AI对抗AI”,阿里云验证码进入2.0时代
三层立体防护,用大模型打赢人机攻防战
1304 3
|
3天前
|
机器学习/深度学习 安全 API
MAI-UI 开源:通用 GUI 智能体基座登顶 SOTA!
MAI-UI是通义实验室推出的全尺寸GUI智能体基座模型,原生集成用户交互、MCP工具调用与端云协同能力。支持跨App操作、模糊语义理解与主动提问澄清,通过大规模在线强化学习实现复杂任务自动化,在出行、办公等高频场景中表现卓越,已登顶ScreenSpot-Pro、MobileWorld等多项SOTA评测。
620 3
|
4天前
|
人工智能 Rust 运维
这个神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费