vue父组件数据更新子组件相关内容未改变问题怎么解决
导读:本文共3255.5字符,通常情况下阅读需要11分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 父组件数据更新子组件相关内容未改变父组件在父组件中,根据后台给的数据(数组),v-for生成子组件<divclass="exist"><existProject:itemprop="item"v-for="(item,index)ingetData":key="index&... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。在父组件中,根据后台给的数据(数组),v-for生成子组件
因为有多条数据,所以有分页处理,在第一页中数据显示正常,但是在获得第二页数据并赋值给父组件的data后,子组件的信息保留的还是第一页的信息
watch可以监听子组件的数据变化,数组或者对象要用深度监听,字符串什么的不用深度监听,这样就可以在分页切换数据后,就不会保留原有的信息,而是新的信息了
这是Element-UI的一个bug,解决方案是从el-table中增加一个row-key属性,并为row-key设置一个能唯一标识的字段名。
1.这个可以是数据库的id字段
2.给table增加一个随机数的key
本文:
vue父组件数据更新子组件相关内容未改变问题怎么解决的详细内容,希望对您有所帮助,信息来源于网络。