error Unexpected mutation of “xxxxx“ prop

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

解决方法一:

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

解决方法二:

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

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

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

相关推荐
问道飞鱼几秒前
【前端知识】React生态你了解多少?
前端·react.js·前端框架·生态
Pu_Nine_91 分钟前
前端SSE(Server-Sent Events)实现详解:从原理到前端AI对话应用
前端·langchain·sse·ai对话
optimistic_chen11 分钟前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
酉鬼女又兒14 分钟前
零基础入门前端JavaScript 核心语法:var/let/const、箭头函数与 setTimeout 循环陷阱全解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·蓝桥杯
Bling_Bling_117 分钟前
【无标题】
前端·网络协议
We་ct18 分钟前
React Diff & Key 核心解析
开发语言·前端·javascript·react.js·前端框架·reactjs·diff
哥本哈士奇19 分钟前
Vue 3 快速入门:从零搭建前后端 CRUD 应用
前端·javascript·vue.js
biubiubiu070620 分钟前
Agent 是如何拥有“手脚”的(ReAct 运行流程)
开发语言·前端·javascript
摸鱼的春哥24 分钟前
Agent教程21:知识图谱🕸,让AI🤖学会联想
前端·javascript·后端
SuperEugene24 分钟前
Vue3 组件拆分实战规范:页面 / 业务 / 基础组件边界清晰化,高内聚低耦合落地指南|Vue 组件与模板规范篇
前端·javascript·vue.js·前端框架