vue父组件数据更新子组件相关内容未改变问题怎么解决(vue,开发技术)

时间:2024-04-30 03:59:51 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    vue%E7%88%B6%E7%BB%84%E4%BB%B6%E6%95%B0%E6%8D%AE%E6%9B%B4%E6%96%B0%E5%AD%90%E7%BB%84%E4%BB%B6%E7%9B%B8%E5%85%B3%E5%86%85%E5%AE%B9%E6%9C%AA%E6%94%B9%E5%8F%98%E9%97%AE%E9%A2%98%E6%80%8E%E4%B9%88%E8%A7%A3%E5%86%B3

在父组件中,根据后台给的数据(数组),v-for生成子组件

因为有多条数据,所以有分页处理,在第一页中数据显示正常,但是在获得第二页数据并赋值给父组件的data后,子组件的信息保留的还是第一页的信息

watch可以监听子组件的数据变化,数组或者对象要用深度监听,字符串什么的不用深度监听,这样就可以在分页切换数据后,就不会保留原有的信息,而是新的信息了

这是Element-UI的一个bug,解决方案是从el-table中增加一个row-key属性,并为row-key设置一个能唯一标识的字段名。

1.这个可以是数据库的id字段

2.给table增加一个随机数的key

本文:vue父组件数据更新子组件相关内容未改变问题怎么解决的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:如何解决tomcat启动ssm项目出现乱码的问题下一篇:

2 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18