vue 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: "pageType"

vue props报错_第1张图片

点击切换的时候要改变pageType的值 会报如下错误

解决方案如下:

vue props报错_第2张图片

原因:

1、避免直接更改一个prop,因为每当父组件重新呈现时,该值就会被覆盖。

2、改正后,在组件内部再构建一套属性域,从而与外界解耦

你可能感兴趣的:(vue props报错)