当前位置: 首页 > news >正文

Vue:【亲测可用】父组件数组包对象,传给子组件对象,子组件修改属性(字段)后,父组件没有更新

场景:vue中父组件数组包对象,传给子组件对象,子组件修改属性(字段)后,父组件没有更新

代码:

# 父组件
<div v-for="(object, name, index) in arr" :key="index"><子组件 v-model="object" />
</div>

假设:object={age:80, name: '张三'}

子组件修改 age属性值为 20,此时父组件是不会改变的,重启项目有可能还会报一下错误

You are binding v-model directly to a v-for iteration alias. This will not be able to modify the v-for source array because writing to the alias is like modifying a function local variable. Consider using an array of objects and use v-model on an object

解决如下:

# 父组件
<div v-for="(object, name, index) in arr" :key="index"><子组件 v-model="arr[index]" />
</div>

解析:区别在于 v-model="object"  变成了 v-model="arr[index]" 

完~

http://www.lryc.cn/news/310067.html

相关文章:

  • hbase学习十:客户端实现与Meta表解析
  • 《OpenScene: 3D Scene Understanding with Open Vocabularies》阅读笔记1
  • 数据结构 - Trie树(字符串统计、最大异或对)
  • 2. vue 工程创建
  • 2024绿色能源、城市规划与环境国际会议(ICGESCE 2024)
  • 0门槛电子画册制作
  • C语言----冒泡排序进阶
  • 【机器学习】实验5,AAAI 会议论文聚类分析
  • 安卓虚拟机ART和Dalvik
  • OPENWRT本地局域网模拟域名多IP
  • 今日学习总结2024.3.2
  • Java虚拟机(JVM)从入门到实战【上】
  • SaaS 电商设计 (九) 动态化且易扩展的实现购物车底部弹层(附:一套普适的线上功能切量的发布方案)
  • 数据结构——lesson5栈和队列详解
  • 使用rsync同步服务器和客户端的文件夹
  • 计算机网络|Socket
  • Python 使用 MyHDL库 实现FPGA板卡仿真验证
  • 解决SpringBoot集成WebSocket打包失败问题
  • i-vista五星测试标准
  • 初识Maven
  • 16 Educational Codeforces Round 142 (Rated for Div. 2)C. Min Max Sort(递归、思维、dp)
  • Mongodb安装配置
  • Linux常用操作命令大全
  • CVPR2023 | 提升图像去噪网络的泛化性,港科大上海AILab提出 MaskedDenoising,已开源!
  • [python] dict类型变量写在文件中
  • 设计循环队列
  • linux文件解压和压缩命令
  • 飞链云:让AI创造价值,让人类享受收益
  • [NSSCTF 2nd]MyJs
  • NLP-词向量、Word2vec