props 数据绑定错误

props数据绑定错误

如果你在开发中,遇到控制台弹出这种错误,例如:
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "dialogTableVisible"
中文翻译:避免直接改变props,因为只要父组件重新渲染,该值就会被覆盖。 而是根据prop的值使用数据或计算属性。 Prop变异:“dialogTableVisible”

看了中文的翻译是不是还是一脸懵逼

真正的原因:在Vue2.X中,父组件传给子组件的props属性是不允许改变的,因为在新的渲染机制中,每当父组件重新渲染时,子组件都会被重新覆盖,所以props属性,在子组件内部应该被看做是不可变对象。所以我们必须借助中间变量来做缓冲,通过中间变量的改变发送事件给父组件,父组件接收到后,再对props进行更改。

讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!