error Unexpected mutation of “xxxxx“ prop

错误是在进行 eslint 检查的时候触发的,这个错误的原因是我们在子组件中改变了父组件传递过来的 props

解决方法一:

不改变父组件传递过来的 props,如果需要改变父组件传递过来的值,可以使用 defineModel() 进行接收值,如果不了解 defineModel() 的可以去 vue3 的官网看一下

解决方法二:

在 eslint 的配置文件中,直接关闭此条 eslint 的规则,

复制代码
 'vue/no-mutating-props': "off",

eslint的配置文件名可能为以下名称,以前的版本还有 .eslintrc.js 等也是 eslint 的配置文件

相关推荐
T___T1 天前
React Props:从基础使用到高级组件封装
前端·react.js
汉堡大王95271 天前
React组件通信全解:父子、子父、兄弟及跨组件通信
前端·javascript·前端框架
霍理迪1 天前
CSS继承,优先级以及字体样式
前端·css
LeeHK1 天前
在项目中调试vue2源码,watch,nextTick执行顺序梳理
前端
爱敲点代码的小哥1 天前
json序列化和反序列化 和 数组转成json格式
java·前端·json
林太白1 天前
2025 AI浪潮下的编程之路:我的天工项目与终身学习
前端·后端·trae
再花1 天前
VitePress+Github Pages实现静态文档站
前端
Lsx_1 天前
案例+图解带你一文读懂Svg、Canvas、Css、Js动画🔥🔥(4k+字)
前端·javascript·canvas
十一.3661 天前
127-130 定时器的简介,切换图片练习,修改div移动练习,延时调用
前端·javascript·html
Jolyne_1 天前
React下拉框接口请求hook封装
前端