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: “vid”
文章目录
翻译
prop之vid正在被改变。
避免直接改变这个prop,因为每当父组件重新渲染时,该值将被覆盖。相反,使用基于属性值的data或计算属性computed会更好。
问题描述
看一下下面的核心代码就知道了,vid本来是父组件传过来的,mounted里面又要对它进行修改,所有就报错。
props:{
vid: {
type:String,
default:''
},
},
mounted() {
let q = this.$route.query;
this.vid = q.vid;
if (this.vid) {
this.init();
}
},
解决方案
捋一下逻辑,认真思考一下,vid到底是要从父级组件传还是从地址栏query进行传,二者选一。
如果觉得有用,请点赞收藏一键三连让更多的同行少走弯路,祝所有同行朋友,程序没bug!