修改props的属性值，Vue warn]: Avoid mutating a prop directly since the value will be overwritten

在自己写的子组件中加了可以[v-model]的绑定功能，在父组件中使用，出现下面问题：

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: “value”
found in
避免直接改变属性值，因为每当父组件重新渲染时，该值都将被覆盖。相反，请使用基于属性值的数据或计算属性。"value"属性值正在被改变

检查到修改"value"属性值的代码

 setSelectValue () {this.selectValue = this.selectValueAll[this.selectValueAll.length - 1]this.value = this.selectValuethis.$emit('input', this.value)}

修改

 this.selectValue = this.selectValueAll[this.selectValueAll.length - 1]// 不直接改变属性值this.$emit('input', this.selectValue)}

修改props的属性值，Vue warn]: Avoid mutating a prop directly since the value will be overwritten相关推荐

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever...
报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the paren ...
关于使用elementUI DateTimePicker组件报错[Vue warn]: Avoid mutating a prop directly since the value will be
报错信息如下: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the ...
小前端有话说之：[Vue warn]: Avoid mutating a prop directly since the value will be overwritte父子组件传值问题及sync用法
相信刚入坑的小前端们在父子组件传值修改的时候或多或少会出现这种警告警告原因:vue不推荐直接在子组件中修改父组件传来的props的值,会报警告~~ 即通过props传递给子组件的值,不能在子组件内部 ...
vue修改props传过来的值报错Avoid mutating a prop directly since the value will be overwritten whenever the par
在做项目时有时候会遇到这种错误这句话的意思是说,避免直接改变道具,因为只要父组件重新渲染,该值就会被覆盖.相反,使用基于道具值的数据或计算属性. 就是不能直接改变父组件传过来的props,所以怎么办 ...
el-date-picker报错[Vue warn]: Avoid mutating a prop directly since the value will--解决方法
在开发的过程中.凡是页面使用了el-date-picker的这个组件就会报一个这样的错误从vue的角度来看.是子组件修改了父组件传递过来的参数导致的但是我改了好久也没改动后来才发现是eleme ...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop
问题描述 vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be ...
avoid mutating a prop directly since the value will be overwritten whenever完美解决
在vue父组件传递数据给子组件时候,通过双向绑定给属性赋值时候,报错如下:Avoid mutating a prop directly since the value will be overwrit ...
Avoid mutating a prop directly since the value will be overwritten whenever the parent ...
错误:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the paren ...
【VUE】异常解决：Avoid mutating a prop directly since the value will be overwritten
author: date: 2021.07.03 文章目录 1. 需求及报错 2. 分析原因 2.1 这是什么原因造成? 3. 解决方案: 使用 v-on 明确实现修改方式 4. 参考 1. 需求及报 ...

修改props的属性值，Vue warn]: Avoid mutating a prop directly since the value will be overwritten

修改props的属性值，Vue warn]: Avoid mutating a prop directly since the value will be overwritten相关推荐

最新文章

热门文章