父组件往子组件中传值出现 Avoid mutating a prop directly since the value will be overwritten whenever...

1.问题:父组件往子组件中传递值,子组件使用父组件传递过来的值,出现了如下异常

在这里插入图片描述
2.解决办法:子组件不能直接使用父组件传递过来的值,需要对传递过来的值重新进行定义,然后使用重新定义的值才能正常使用。

3.具体操作:使用watch监听父组件传递过来的值的变化,然后将变化的值重新赋值给data中的定义的新值,子组件使用新值进行操作。

a.在子组件的data中新定义个值
父组件往子组件中传值出现 Avoid mutating a prop directly since the value will be overwritten whenever..._第1张图片
b.监听父组件传递过来的值的变化,重新赋值

父组件往子组件中传值出现 Avoid mutating a prop directly since the value will be overwritten whenever..._第2张图片
c.子组件使用新的变量进行操作
在这里插入图片描述

你可能感兴趣的:(前端,vue)