error Unexpected mutation of “xxxxx“ prop

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

解决方法一:

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

解决方法二:

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

 'vue/no-mutating-props': "off",

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

相关推荐
颜酱3 分钟前
后台系统从零搭建(三)—— 具体页面之菜单管理和角色管理
前端·javascript·react.js
OpenTiny社区8 分钟前
Node.js 技术原理分析系列5——理解 Node.js 中的 ABI 稳定
前端·node.js
the_one19 分钟前
手写 AJAX:从零实现一个简洁的异步请求函数
前端·javascript
xulihang20 分钟前
vCard名片二维码在前端的生成与扫描
前端·javascript·图像识别
zhaoyong63130 分钟前
利用微软的 HTML 应用程序宿主程序的攻击
前端·microsoft·html
只会写Bug的程序员37 分钟前
面试之《原型与原型链》
前端·面试
42 分钟前
📌面试答不上的问题-HTTP缓存
前端·面试
the_one44 分钟前
从手动更新到自动魔法:用两个按钮带你破解Vue响应式原理
前端·javascript
不知名的码字员44 分钟前
当中国象棋遇上JavaScript:代码全解剖,一场写给程序员的相声表演
前端·javascript
DarkLONGLOVE1 小时前
一文读懂 XML 文档:概念、结构与应用场景!
前端·json