子组件不能修改props传递的值
解决方法:
子组件再定义一个变量接收值,
监听一下新定义的变量
使用this.$emit(‘zz’,data)
页面上监听一下<my-menu @zz=“nickname = $event”>
例：
- mounted() {
- var bannerList = this.banner;
- if(bannerList.length == 0){
- this.getFlash();
- }
- },
vue报错： Avoid mutating a prop directly since the value will be overwritten whenever the paren
shitouadmin
2023-09-22 22:06:20
原因:(单向数据流)
子组件不能修改props传递的值
解决方法:
子组件再定义一个变量接收值,
监听一下新定义的变量
使用this.$emit(‘zz’,data)
页面上监听一下<my-menu @zz=“nickname = $event”>
例：
子组件不能修改props传递的值
解决方法:
子组件再定义一个变量接收值,
监听一下新定义的变量
使用this.$emit(‘zz’,data)
页面上监听一下<my-menu @zz=“nickname = $event”>
例：
￥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏，我们将继续分享更多优质内容，让我们一起创建更加美好的网络世界！
支付宝扫一扫打赏
微信扫一扫打赏
本文《vue报错： Avoid mutating a prop directly since the value will be overwritten whenever the paren》发布于石头博客文章，作者：shitouadmin，如若转载，请注明出处：https://www.pweb123.com/frame/vue/982.html，否则禁止转载，谢谢配合!
下一篇：vue绑定class的三种方法
您可能感兴趣
![[Vue warn]: Error in render: “TypeError: Cannot read property ‘ xxx ‘ of undefined“报错原因和解决](https://www.pweb123.com/uploadfile/2022/0903/thumb_240_180_20220903053548716.jpg)
阅读排行
- 1vue中的ajax一般放在哪个生命周期中
- 2vue Do not use built-in or reserved HTML elements as component id: nav
- 3vue绑定class的三种方法
- 4vue的过滤器
- 5vue.js实例中data属性的三种写法及区别
- 6vue 路由传参，页面刷新后参数类型改变
- 7vue中router-link的详细用法
- 8[Vue warn]: Property or method "xxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
- 9Strings must use singlequote的vue项目报警示的解决
- 10Vuejs中关于computed、methods、watch，mounted的区别
小程序插件
站长推荐
-
百度小程序审核被拒原因--汇总各种奇葩原因
- 487
-
-
-
重新对百度支付进行编写封装（百度智能小程序支付）
- 372
-
-
-
phpcms小程序插件api接口升级到4.3
- 814
-
-
phpcms封装的微信h5支付源码DEMO参考
- 756
-
添加微信好友
文章点评