error Unexpected mutation of “xxxxx“ prop

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

解决方法一:

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

解决方法二:

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

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

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

相关推荐
小小愿望1 小时前
前端无法获取响应头(如 Content-Disposition)的原因与解决方案
前端·后端
小小愿望1 小时前
项目启功需要添加SKIP_PREFLIGHT_CHECK=true该怎么办?
前端
烛阴1 小时前
精简之道:TypeScript 参数属性 (Parameter Properties) 详解
前端·javascript·typescript
海上彼尚2 小时前
使用 npm-run-all2 简化你的 npm 脚本工作流
前端·npm·node.js
开发者小天2 小时前
为什么 /deep/ 现在不推荐使用?
前端·javascript·node.js
如白驹过隙3 小时前
cloudflare缓存配置
前端·缓存
excel3 小时前
JavaScript 异步编程全解析:Promise、Async/Await 与进阶技巧
前端
Jerry说前后端3 小时前
Android 组件封装实践:从解耦到架构演进
android·前端·架构
步行cgn4 小时前
在 HTML 表单中,name 和 value 属性在 GET 和 POST 请求中的对应关系如下:
前端·hive·html
hrrrrb4 小时前
【Java Web 快速入门】十一、Spring Boot 原理
java·前端·spring boot