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: "placement"
时间: 2023-06-27 09:07:18 浏览: 446
这个警告意味着你正在直接修改一个作为 prop 传递给子组件的值,但是当父组件重新渲染时,该值将被覆盖。这种情况下,建议你使用一个基于 prop 值的 data 或 computed 属性来代替直接修改 prop 值。例如,如果你传递一个名为 "placement" 的 prop 给子组件,并且在子组件中修改了它的值,可以通过创建一个计算属性来解决这个问题,例如:
```
props: {
placement: {
type: String,
default: 'top'
}
},
computed: {
modifiedPlacement: {
get() {
return this.placement
},
set(value) {
// Do something with the modified value
}
}
}
```
在模板中,你可以使用 `modifiedPlacement` 来替代 `placement`,这样就不会直接修改 `placement` 值了。