vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop

已于 2022-06-30 17:19:54 修改
阅读量2.8k 收藏
点赞数 1
文章标签： 前端 javascript vue.js elementui
于 2022-06-30 17:17:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44544388/article/details/125544513
版权
博客讲述了在使用Vue时遇到的一个警告：禁止直接修改prop，因为这将在父组件重新渲染时被覆盖。问题源于Element UI版本升级导致的时间选择器错误。解决方案是将Element UI版本固定为2.14.1，通过更新package.json，删除node_modules，然后重新安装依赖并重启项目，从而消除警告并保持应用稳定性。
摘要由CSDN通过智能技术生成

问题描述

vue.runtime.esm.js?2b0e:619 [Vue warn]: 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”

—> at packages/date-picker/src/picker.vue

在这里插入图片描述

原因分析：

如果依赖版本是"element-ui": “^2.14.1” 会安装最新版本，最新版本有时间选择期报错问题，不影响功能但强迫症不能接受。

解决方案：

很简单，固定版本。

"dependencies": {
    "element-ui": "2.14.1", 
  }

1、去掉【^】锁定稳定版本2.14.1
2、删除node_modules
3、【npm i】or 【yarn】
4、重启项目

helloCheng09
关注
vue.esm.js?efeb:591 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten w
郭宝的博客
12-11 1万+
问题： vue.esm.js?efeb:591 [Vue warn]: 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 th...
前端开发：Vue报错Avoid mutating a prop directly since the value will be…的解决方法
软贱开发攻城狮
07-25 6574
前端开发中，在使用Vue开发的时候，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。httpshttpshttps。...
【Vue】报错：Avoid mutating a prop directly since the value will be overwritten whenever the parent
Pulse的博客
05-15 1万+
当我们直接改变父组件的 props 值是会报以下警告： [Vue warn]: 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: “facomment” 会报错的原
vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overw
羊羊羊羊羊羊羊的博客
09-19 4570
vue.runtime.esm.js?2b0e:619 [Vue warn]: 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: “activeName” export
vue.runtime.esm.js:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritte
oschina_kk的博客
09-02 1万+
文章目录问题描述解决方案父组件子组件 问题描述 使用element-ui的el-dialog做二次封装时修改visible.sync绑定值报错； 这是由于父组件通过props传参子组件，子组件改变自身的props值引起的 解决方案 父组件 <NoteBookLimitFlow :isVisible="isShowFlowSearch"></NoteBookLimitFlow> 子组件 <template> <el-dialog title="XX
【vue warning】avoid mutating a prop directly
u010671652的专栏
10-28 1万+
[vue warning] avoid mutating a prop directly 一、问题描述 使用props，通过父组件给子组件传值，子组件在使用props中的属性时，直接对props中的属性进行了修改。修改方式为直接对props中的属性赋值，或者使用双向绑定。 父组件代码： <categroy :course="item" /> 子组件代码： <template&...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: "value"
最新发布
09-02
2b0e:619 [Vue warn]: Avoid mutating a prop](https://blog.csdn.net/weixin_44544388/article/details/125544513)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
vue.runtime.esm.js?2b0e:619 [Vue warn]: 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: "drawer_add_problem" found in
06-14
这是一个 Vue.js 的警告信息，意思是不要直接修改一个 prop 的值，因为当父组件重新渲染时，这个值会被覆盖。应该使用一个基于 prop 值的 data 或 computed 属性来实现。这个警告信息指出了一个被修改的 prop 名称为...
vue报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the pa...
weixin_30542079的博客
08-12 465
[Vue warn]: 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 b...
Vue 错误：Avoid mutating a prop directly
weixin_30778805的博客
07-26 309
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. 这个错误是因为，因为我们直接修改父组件传递过来的参数，这样会存在影响外部 组件的风险。 解决方案： 在组件内部再构建一套属性域，来存储父组件传递过来的参数,从而与外界...
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent c
zxl_start的博客
11-23 607
element ui版本问题
VUE报错：Avoid mutating a prop directly since the value will be overwwritten whenever the parent及解决方案
蓝胖子的博客
10-10 3704
VUE报错：Avoid mutating a prop directly since the value will be overwwritten whenever the parent及解决方案
vue 报错avoid mutating a prop directly since the value will be overwritten whenever
weixin_46691048的博客
07-23 408
vue组件
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent..
热门推荐
qq_58062502的博客
02-06 5万+
[Vue warn]: 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"
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: "TypeError: Object(...) is not a func
Sara0064的博客
12-05 2万+
从后端拿取数据渲染到表格数据。结果明明写的没错，但是却报错，那肯定还是那里错了。???? 定位到代码中。 引入后端接口 没错，问题就是引入的时候出错，要改成 引入的这个js，要用大括号包起来，不然就被当作方法调用，所以就会报错的呀 ...
日常开发记录-[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the p...
machine_vision123的博客
09-01 98
报错原因：elementUI 下载版本问题 报错提示： vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or...
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten w
鲸落
06-08 2936
一、问题 vue项目中，自定义子组件的时候，在子组件中修改了父组件传递过来的值，报错 场景：父组件引入绘制图表的子组件，存在：子组件图表点击下钻重绘的功能，对于此功能我通过echarts中的点击事件重新赋值传过来的数据chartData，然后再通过对chartData的监听重绘图表 父组件： <!-- 父组件传入数值对象barData --> <div class="echarts"> <BaseEcharts :chartData="barData"/> </
VUE报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent及解决方案
wwf1225的博客
06-02 2万+
VUE报错：[Vue warn]: 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: "topActive"大概意思是：避免直接改变属性，因为每当父组件重新渲染时，该值
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值