eslint报错与警告，error Unexpected mutation of “---“ prop vue/no-mutating-props，warning Delete `␍`

最新推荐文章于 2024-05-31 15:59:41 发布
最新推荐文章于 2024-05-31 15:59:41 发布
阅读量6.8k 收藏 2
点赞数 4
分类专栏： 错误解决方法 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43768107/article/details/120556194
版权

error Unexpected mutation of “—“ prop vue/no-mutating-props请添加图片描述

错误截图
eslint不建议子元素通过v-model修改父元素传的props值

在starfisih-h5低代码项目中需要这样的场景，所有解决方案是把该eslint规则给禁用了

.eslintrc 文件
rules: {
    'vue/no-mutating-props': 0,
  },

warning Delete ␍

请添加图片描述
警告截图

警告太多，看着不顺眼，解决

.eslintrc 文件
rules: {
    "endOfLine": "auto"
  },
haixin-fang
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue - 解决子组件中修改props值报错(error Unexpected mutation of “---“ prop vue/no-mutating-props)
王光迪的CSDN
02-24 3万+
error： Unexpected mutation of "、、、" prop vue/no-mutating-props
vue3报错 Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)
jieyucx的博客
12-12 1万+
vue3报错 Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)
Unexpected mutation of “xxxx“ prop问题
最新发布
AM1n98的博客
05-31 633
在接手别人的代码时，发现代码其中一个组件报错：Unexpected mutation of "xxxx" prop。
vue组件中的vue/no-mutating-props问题解决
09-01 4183
例如，在一个组件中，如果试图修改props的值，ESLint会报错，提示不要直接修改props的值。2、在data属性中定义变量，接收props中传入的参数，再用data属性中的变量与模板部分进行绑定，即可规避和解决vue/no-mutating-props问题。接收外部参数的组件，在data属性中定义变量，接收props中的传入的值后，在利用data属性中的变量与模板实现数据的双向绑定是一个极好的习惯。vue项目中的组件，实现模板与数据的双向绑定时，数据最好来自组件的data属性。
Vue - 解决子组件中修改props值报错(error Unexpected mutation of “---“ prop vue/no-mutating-props)
u010227042的博客
05-27 4450
亲测可用，如有疑问请私信 Vue - 解决子组件中修改props值报错 其实这就是Vue的单向数据流的概念 单向数据流 父级prop的更新会向下流动到子组件中，子组件中所有的 prop 都将会刷新为最新的值 但是反过来则不行。你不应该在一个子组件内部改变 prop。否则Vue 会在浏览器的控制台中发出如上图的警告 这是Vue官方防止从子组件意外变更父级组件的状态内容，这样会导致你应用的数据流向杂乱无章。 那么怎么解决呢？很简单 修改 prop 的两种情形： ①：这个 prop 用来传递一.
04 Vue属性配置
LoveG_G的博客
11-04 3022
Vue学习笔记、ref属性、props配置、混合、插件、样式、案例
Unexpected mutation of “XXX“ prop 如何解决
m0_56769726的博客
09-09 1万+
props 里面的数据规则 : prop 是父组件传过来的数据，受父组件数据影响的。 如果是普通数据（数字、字符串、布尔值）绝对不能修改，即便改了也不回传导给父组件。 如果是引用类型（数组，对象），可以修改，例如：[].push() 对象.xxx = xxx 。 不能重新赋值，如： xxx = []
vue解决子组件中报错 Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)
热门推荐
唐唐唐行的博客
07-13 2万+
vue解决子组件中报错 Unexpected mutation of "xxx" prop
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
eslint-plugin-lwc：LWC的官方ESLint规则
02-05
@ lwc / eslint-plugin-lwc 闪电Web组件（LWC）的官方ESLint规则。安装$ npm install eslint babel-eslint @lwc/eslint-plugin-lwc --save-dev用法将lwc添加到配置的plugins部分。 然后在“ rules部分中配置所需的...
eslint-module：用于Nuxt.js的ESLint模块
02-05
@ nuxtjs / eslint-module 用于Nuxt.js的ESLint模块 要求 您需要确保已安装eslint >= 7 ： yarn add --dev eslint # or npm install --save-dev eslint 建立 将@nuxtjs/eslint-module依赖项添加到您的项目中 yarn ...
vue-cli4项目开启eslint保存时自动格式问题
11-20
在 Vue CLI 4 项目的根目录下，我们还需要修改 `vue.config.js` 文件，将 `lintOnSave` 配置项改为 `"warning"`，以便在有警告但无错误的情况下也能触发 ESLint 检查： ```javascript module.exports = { ...
Unexpected mutation of “xxxx“ prop
https://shixuebin.gitee.io/hexo-blog/
08-31 1494
如果是弹窗等组件，可以根据功能进行修改，比如我这块用的 element ui 的 dialog，便可以改成这样。如果您使用的是 input 组件，需要加个 @update 方法, 就可以了。是因为子级修改了父级的数据，所以eslint执行的时候报了这个错。新建子组件变量，然后使用watch进行，父级子级，变量数据同步。使用 model-value 代替。
eslint vue/no-mutation-props 解决办法
lilawliet的博客
01-25 1039
2. 在子组件中用 const { search } = toRefs(props) 提供中间变量，否则会报警告： 'vue/no-mutation-props'1. 所有查询参数 search 以一个对象形式作为 prop 传入，并且用 v-model:search 的形式确保双向绑定。3. onSeach 和 onReset 等方法处理逻辑在父组件中实现， search组件只修饰 “视图效果”
Unexpected mutation of “dialogVisible“ prop.
qq_34498806的博客
10-16 1139
Vue2项目在封装element-ui的dialog组件时，eslint报错。属性，不允许在子组件中修改父组件的值。计算属性，将值改变事件抛给父组件。大致意思是父组件传递过来的。
Vue05 TodoList 浏览器本地储存 TodoList本地存储 组件的自定义事件 解绑 总结组件自定义事件 TodoList自定义事件
weixin_58562753的博客
03-12 1167
TodoList 浏览器本地储存 TodoList本地存储 组件的自定义事件 解绑 总结组件自定义事件 TodoList自定义事件
Unexpected mutation of “dialogable“ prop.eslintvue/no-mutating-props
H-rosy的博客
08-05 3079
今天写弹框组件时报错Unexpected mutation of "dialogable" prop.eslint然后去搜了一下答案，我觉得有篇文章的概念讲的不错：其实这就是Vue的单向数据流的概念，因为识别到子组件中修改了props值。父组件通过props将数据的更新向下流动到子组件中，子组件中所有的 props 都将会实时更新为最新值。 但是反过来则不行。不应该在子组件内部修改定义好的props。 这是Vue防止从子组件意外变更新父级组件的状态内容，这样会导致你应用的数据流向杂乱无章。...
Vue项目Unexpected mutation of “isVisible“ prop报错
isDIK的博客
11-08 4129
vue
Unexpected mutation of "props" prop vue/no-mutating-props
05-27
抱歉，我是一名语言模型AI，无法理解你的问题。这似乎是一个关于Vue.js的警告信息，提示你不应该直接修改props属性。你应该使用Vue的响应式数据来更新组件的状态，或者使用一个本地的副本来操作数据。这样可以避免潜在的副作用和不必要的bug。如果您有更多关于Vue.js的问题，我很乐意为您提供帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值