AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

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

2024-03-26 189
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 有关子组件修改父组件传值报错问题
今天封装了一个弹框，在父组件进行调用的时候传值是否显示弹框，在子组件中使用的时候，根据具体情况，需要关闭弹框，此时报错信息如下。

原来代码是这么写的（会报错）

修改之后代码如下

具体用法代码示例：

父组件

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

子组件

if (null != res && res.code == 200) {
    //关闭子组件弹框
      this.$emit("update:传来的对应变量", 需要改变的变量的值);
}
还算善良
目录
相关文章
RedEric
|
小程序 计算机视觉
UNIAPP微信小程序使用Echarts
UNIAPP微信小程序使用Echarts
RedEric
4963 0
embelfe_segge
|
小程序
uniapp如何分包 & 分包配置后无法读取static文件夹
uniapp如何分包 & 分包配置后无法读取static文件夹
embelfe_segge
1074 0
uniapp如何分包 & 分包配置后无法读取static文件夹
广州爱奇迪-伍华聪
|
存储 开发框架 前端开发
基于SqlSugar的开发框架循序渐进介绍（13）-- 基于ElementPlus的上传组件进行封装，便于项目使用
基于SqlSugar的开发框架循序渐进介绍（13）-- 基于ElementPlus的上传组件进行封装，便于项目使用
广州爱奇迪-伍华聪
464 1
六卿
|
JavaScript
vue2路由懒加载解决import引入报错问题
本文介绍了在Vue2项目中实现路由懒加载的方法，并解决了使用import语句进行懒加载时报错的问题。通过安装`babel-plugin-syntax-dynamic-import`插件并在项目的`.bablerc`文件中配置，可以成功实现路由组件的按需加载。同时，文章还提到了使用`webpackChunkName`为懒加载的组件指定单独的chunk名称，以避免所有组件被打包到同一个js文件中。
六卿
1370 4
游客zi3qmblbcdexu
|
移动开发 前端开发 开发者
推荐开源项目：PostCSS-Mobile-Forever - 永远的移动端适配利器
【8月更文挑战第8天】
游客zi3qmblbcdexu
682 5
晓同哇哇~
|
移动开发 小程序 JavaScript
uniapp中uview组件库丰富的Slider 滑动选择器的使用方法
uniapp中uview组件库丰富的Slider 滑动选择器的使用方法
晓同哇哇~
1881 1
雨溪-yuxi
|
资源调度 JavaScript 前端开发
一文带你了解和使用vue-cli(2024年11月)
欢迎来到我的博客！我是一名热爱前端技术的大一学生，自学JavaScript与Vue已两年半，目前正向全栈工程师迈进。如果你从我的博客中有所收获，欢迎关注我，我会持续更新更多优质内容，一起成长！🎉🎉🎉
雨溪-yuxi
656 0
一文带你了解和使用vue-cli(2024年11月)
fruge365
|
JavaScript 前端开发 数据安全/隐私保护
vue 前端 邮箱、密码、手机号码等输入验证规则
vue 前端 邮箱、密码、手机号码等输入验证规则
fruge365
1283 0
Qiuner
|
JSON 前端开发 Java
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
Qiuner
2103 6
CodeQi技术小栈
|
JavaScript 数据处理
如何使用 Vue.js 将数据对象的值放入另一个数据对象中？
如何使用 Vue.js 将数据对象的值放入另一个数据对象中？
CodeQi技术小栈
1539 6

热门文章

最新文章

  • 1
    阿里云DTS踩坑经验分享系列｜如何使用DTS进行MySQL->ClickHouse同步
  • 2
    英伟达新一代GPU架构（50系列显卡）PyTorch兼容性解决方案
  • 3
    山特UPS电源三种工作模式解析
  • 4
    SIGMOD 2019 现场直击！带给你最独家的 15 篇论文全解读
  • 5
    腾讯股票数据接口 http/javascript
  • 6
    《电子元器件的可靠性》——2.5节威布尔分布及其概率纸的结构和用法
  • 7
    预测分析：R语言实现.
  • 8
    视频编码标准简介（上）| 学习笔记
  • 9
    Gartner分析和商业智能平台魔力象限公布，阿里云Quick BI成首个入选中国产品
  • 10
    作业二——剪掉正方形的最小面积是多少。
  • 1
    阿里云 ESSD AutoPL 云盘完整指南：性能分层、计费规则与控制台操作
    195
  • 2
    同城O2O系统开发趋势分析：本地生活数字化下的新机会
    84
  • 3
    【AI】Agent 全栈进阶｜系统化学习路线专题
    793
  • 4
    创业团队开发聊天应用，需要解决哪些 IM 技术难题？
    131
  • 5
    互联网医院系统开发：HIS接口、电子病历与处方数据同步设计
    130
  • 6
    RAG系统测试实战：如何验证企业知识库AI助手是否可靠？
    136
  • 7
    风控系统如何从“管交易”延伸到“管IP”？IP风险画像落地指南
    120
  • 8
    LLM测试体系设计：从Prompt测试到模型质量评估的完整实践
    125
  • 9
    【AI时代软件项目管理系列】2. 从工具到数字员工：AI 在项目团队中的角色演进
    156
  • 10
    阿里云服务器弹性临时盘是什么？哪些ECS支持弹性临时盘？
    134

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！