2023-07-04 如何处理vue中不能监听到父传子组件props的变化

发布时间 2023-07-04 11:01:27作者: 哎呦你可棒棒了

前言:父传值给子组件,子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值,然后同时子组件的页面会跟着渲染。

问题就是:子组件无法拿到watch更新的props值,比如传进一个list,然后通过watch来监听并在list里面加入一个新的值,前端页面拿不到新的值故而报错。

原因:watch无法更新props的值?

解决方案:把需要更新的值赋值给子组件的data中定义的变量,不要使用props中的值。