vue报 Avoid mutating a prop directly since the 不一定是组件传值的问题

原创
09/06 10:25
阅读数 270

大清早碰到一个bug,点击子组件添加的时候总是报异常,虽然不影响,但看着难受,奇怪的是,这个组件页面也是copy的,没啥改动,就奇怪了,为什么会报错

错误如下

初看就是组件传值的问题,整了老半天还是没解决掉。

然后无意中看到错误中有一个忽略掉的信息,

<ElDatePicker> at packages/date-picker/src/picker.vue <ElFormItem> at packages/form/src/form-item.vue <ElForm> at packages/form/src/form.vue

看上面的代码,很明显是日期组件,我这个页面正好加了日期,难道这个的问题,注释掉日期组件,这个错误没有再报,确定是日期组件的问题,搜索了下网上,大家都说 日期组件 有改动导致的,需要升级,升级完成,反而一堆依赖出现问题,难道就没法解决了

最后发现,在日期组件中添加 

placement="bottom-start"

即可解决

<!--这个组件会报 Avoid mutating a prop directly since the,添加 placement="bottom-start" -->
        <el-date-picker
          v-model="formMusic.dateOfIssue"
          type="date"
          placement="bottom-start"
          placeholder="选择发行日期"
          format="yyyy 年 MM 月 dd 日"
          value-format="yyyy-MM-dd">
        </el-date-picker>

如上,问题解决成功

 

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部