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
进行更改。
推荐文章: