error Unexpected mutation of “xxxxx“ prop

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

解决方法一:

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

解决方法二:

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

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

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

相关推荐
零度@24 分钟前
Java中Map的多种用法
java·前端·python
yuanyxh1 小时前
静默打印程序实现
前端·react.js·electron
三十_A2 小时前
如何正确实现圆角渐变边框?为什么 border-radius 对 border-image 不生效?
前端·css·css3
小满zs2 小时前
Next.js第十三章(缓存组件)
前端
前端老宋Running3 小时前
“受控组件”的诅咒:为什么你需要 React Hook Form + Zod 来拯救你的键盘?
前端·javascript·react.js
风止何安啊3 小时前
拿捏 React 组件通讯:从父子到跨组件的「传功秘籍」
前端·react.js·面试
懒得不想起名字3 小时前
将flutter打成aar包嵌入到安卓
前端
Highcharts.js3 小时前
官方文档|Angular 框架集成 Highcharts Dashboards
前端·javascript·angular.js·highcharts·看板·使用文档·dashboards
韭菜炒大葱3 小时前
React 新手村通关指南:状态、组件与魔法 UI 🧙‍♂️
前端·javascript·react.js
天天扭码3 小时前
深入MCP本质——编写自定义MCP Server并通过Cursor调用
前端·mcp