[Vue warn]: 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: "disabled"
时间: 2023-09-26 13:09:59 浏览: 87
vue 避免变量赋值后双向绑定的操作
5星 · 资源好评率100%
这个警告是Vue的一个常见警告,它提醒你避免直接改变一个prop的值,因为当父组件重新渲染时,该值会被覆盖。相反,你应该使用一个基于prop值的data或computed属性来操作。在这里,警告指的是"disabled"这个prop被直接改变了。
为了避免这个警告,你可以在子组件中创建一个与"disabled" prop相关的data属性,并在需要修改该值时改变这个data属性的值。例如,你可以在子组件中添加一个名为"disabledValue"的data属性,并在需要修改"disabled" prop的地方改变"disabledValue"的值。
这样做的好处是,当父组件重新渲染时,"disabled" prop的值不会被覆盖,因为你是通过修改子组件内部的data属性来实现相应的行为。
阅读全文