使用date-picker出现报错vue.esm.js?efeb:628 [Vue warn]: Avoid mutating a prop directly since the value will

最新推荐文章于 2024-08-20 11:34:09 发布
最新推荐文章于 2024-08-20 11:34:09 发布
阅读量405 收藏
点赞数
分类专栏： vue项目中的问题（一） 文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46858417/article/details/127084784
版权

使用date-picker出现报错vue.esm.js?efeb:628 [Vue warn]: Avoid mutating a prop directly since the value will


1、报错截图发现是使用element-ui中date-picker日期选择器的原因
在这里插入图片描述
组件使用： 

 <el-form-item>
        <el-date-picker
          size="small"
          v-model="formInline.options.checkStatStartTime"
          type="date"
          placeholder="选择开始日期"
        >
        </el-date-picker
        >至
        <el-date-picker
          size="small"
          v-model="formInline.options.checkStatEndTime"
          type="date"
          placeholder="选择结束日期"
        >
        </el-date-picker
      ></el-form-item>

2、解决方案
改变element-ui的版本，我当前使用的是：“element-ui”: “^2.3.2”

npm uninstall element-ui
npm install element-ui@2.15.8 -s
小香菜籽
关注
专栏目录
Vue # Avoid mutating a prop directly since the value will be overwritten wheneve
skysys的研究小屋
07-17 4138
问题描述 需要打破父子组建的单项数据流（由于某些原因） 父组件给子组件传参数a，然后子组件抛出事件修改a，导致了这个问题。（循环修改） 解决办法 参考文章 https://forum.vuejs.org/t/props-props/25997/5 ...
使用el-date-picker渲染报错
hdy119yaner的博客
07-26 1618
el-date-picker报错 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"
vue报错：Avoid mutating a prop directly since the value will be overwritten whenever the parent compone
最新发布
m0_59157023的博客
08-20 798
在 Vue.js 中，直接修改一个来自父组件的 prop（属性）是不被推荐的，因为这样做会违反组件间的单向数据流原则。当你尝试直接修改一个 prop 时，如果父组件重新渲染（例如，由于数据变化或响应式依赖更新），这个 prop 的值将会被父组件中的原始值覆盖，从而导致你的修改丢失。同时，子组件dialogVisible发生变化通过 this.$emit('updateDialogVisible',this.dialogVisible)其中：BankDialogVisible 是父组件传给子组件的值。
Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever...
树上骑个猴的博客
02-25 437
说明在子组件内部修改了父组件传过来的Props值。
vue2 element el-date-picker报错TypeError: e.getHours is not a function
qq_41421033的博客
06-26 1436
错误出现场景:1.编辑回显数据时2.时间组件由v-if控制并且为隐藏状态时3.时间组件v-model接受接口返回的数据为null时4.这时候时间组件v-if为true展示时就出现了标题报错。
使用element-ui里的el-date-picker 时间选择器报错getHours of undefined
vanora1111的博客
01-04 1096
el-date-picker 时间选择器报错getHours of undefined
vue-date-picker-Vue 2.x的轻量级datepicker组件。-Vue.js开发
05-27
Vue 2.x的vue-date-picker datepicker组件屏幕快照$ npm install vue-date-picker --save用法 Vue 2.x的vue-date-picker datepicker组件屏幕快照$ npm install vue-date-picker --save用法
vue-datetimerange-picker：V Vue.js创建的日期和日期时间范围选择器
02-12
Vue日期时间范围选择器 安装 安装软件包。 npm i vue-datetimerange-picker yarn add vue-datetimerange-picker 组态 您可以将其用作常规CSS框架。 import Vue from 'vue' import { CoreUI } from 'vue-...
vue-date-range-picker-使用Bootstrap 4样式进行日期范围选择的Vue组件-Vue.js开发
05-27
vue-date-range-picker使用Bootstrap 4样式进行日期范围选择的vue组件实时演示（jsfiddle）功能日期范围选择比较fea vue-date-range-picker使用Bootstrap 4样式进行日期范围选择的vue组件实时演示（ jsfiddle）功能...
vue2-clock-picker:Vue 2.x组件插件，用于在`HH中选择时间
05-27
Vue2时钟选择器 vue v2.x一个简单的时钟选择器组件。 安装 $ npm install @pencilpix/vue2-clock-picker ...-- plugin will register the component globally in the global vue instance --> < script src =" n
Vue中使用el-data-picker报错([Vue warn]: Avoid mutating a prop directly since the value will be overwritt：
SunPeng的博客
07-13 8195
([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")
鬼火起~为什么报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
08-17 701
vue.esm.js?found in。
在子组件中使用el-date-picker报错
H-rosy的博客
07-28 536
注意这个只是在子组件中使用了el-date-picker的解决办法，这是因为当前饿了么版本太高不兼容导致的。第一步卸载原有的elementUI版本。
不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决
空空墓志铭的博客
08-06 6742
element ui el-date-picker 报错 Prop being mutated: “placement“，不变更版本解决报错问题
VUE报错：Avoid mutating a prop directly since the value will be overwwritten whenever the parent及解决方案
蓝胖子的博客
10-10 3738
VUE报错：Avoid mutating a prop directly since the value will be overwwritten whenever the parent及解决方案
vue报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the
热门推荐
xueli_2017的博客
05-26 3万+
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...
Vue报错：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever...
xunfengZ的博客
11-19 1万+
报错如图所示： 其原因是我从父组件向子组件传值时，用props接收之后，我在子组件中直接修改了接收的参数的值。 例如： //接收了两个参数：一个数组，一个字符串 props:["list","type"] ...... //做了一些修改,比如合并了一个新数组 this.list=this.list.concat(newList) 这时候再使用list这个数据就会报错。 原因： 由于Vue内部的机制，传入的props中的值 是不允许被修改的。在新的渲染机制中，当父组件重新渲染时，子组件都被会覆盖，这时的p
Vue 报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the pa...
weixin_33980459的博客
03-21 692
场景：父组件向子组件传递数据，子组件去试图改变父组件数据的时候。 解决：子组件通过事件向父组件传递信息，让父组件来完成数据的更改。 比如：我的父组件是普通页面，子组件是弹窗的登录界面，父组件传递的数据（reloginDialog）控制登录界面的显示（reloginDialog = true），当登陆成功后，子组件触发一个事件，父组件捕获后（reloginDialog = false）将登录...
a-range-picker 报错 Invalid prop: custom validator check failed for prop "value".
09-05
a-range-picker报错"Invalid prop: custom validator check failed for prop 'value'."是因为组件的value属性未通过自定义验证器的检查。 根据引用，当出现这个错误时，首先要找到报错的组件，然后检查是否绑定了值...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值