warning Attribute ‘:isCollapse‘ must be hyphenated eslint报错解决方法

最新推荐文章于 2024-08-08 11:03:53 发布
最新推荐文章于 2024-08-08 11:03:53 发布
阅读量4.6k 收藏 1
点赞数 1
文章标签： vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zqq_1119/article/details/110183024
版权

接手的项目一般都是设置好的不会有很多eslint方面的问题，这段时间自己利用闲暇时间把一个项目从头到尾做一遍，梳理一下，只看文章我觉得转头就会忘，还是得实践，一边踩坑一边记录。会遇到很多各方面的设置问题的报错，一一解决。

有一条警告，主要意思是【属性“：isCollapse”必须用连字符连接】，isCollapse是一个父子组件之间传参的一个参数。导致的原因是传参是使用了驼峰命名，eslint 检查时报出警告。

解决方法：将isCollapse改成is-collapse

越过山丘哦噢喔
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Attribute 'fileNameTitle' must be hyphenated (vue/attribute-hyphenation) at src\views\components-de
郭宝的博客
05-28 4331
错误原因： 出现该错误的原因是组件的属性fileNameTitle使用了驼峰命名法，导致ESLint 检测出语法错误 解决办法： 将fileNameTitle改为file-name-title即可 ...
AttributeError: ‘FieldInfo‘ object has no attribute ‘required‘. Did you mean: ‘is_required‘?解决方案
热门推荐
weixin_43178406的博客
04-11 7万+
本文主要介绍了AttributeError: ‘FieldInfo’ object has no attribute ‘required’. Did you mean: ‘is_required’?解决方案，希望能对使用deepspeed的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
ESLint Attribute 'pageNumber' must be hyphenated.
LitongZero的博客
03-01 1万+
ESLint Attribute ‘pageNumber’ must be hyphenated. (vue/attribute-hyphenation) 问题产生条件 传参时，使用驼峰命名法，导致ESLint检测出语法问题，截图如下 WebStore下 运行时 解决方法 将pageNumber 改为page-number ...
vue项目关闭eslint校验
仰淳的博客
03-19 4万+
简介eslint eslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。 官方文档：https://eslint.org 这篇文章总结了eslint的规则：Eslint规则说明 关闭eslint校验 有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太过于苛刻了。所以，我还是会选择关...
Attribute ‘:celldesignInfo‘ must be hyphenated
qq_24523773的博客
07-08 150
Typescript报错 Attribute ':celldesignInfo' must be hyphenated。
ESLint Attribute ':isShow' must be hyphenated (vue/attribute-hyphenation)
scy_fighting的博客
09-18 1万+
好久木有更新博客啦，来记录一波～ 最近在接别人做的一半的项目，搭建这个项目的人 eslint 弄了好多限制。我在vue父组件给子组件传值时注意写的： <contact :isShow="isShowDialog" @show="parentShow" /> 然后就会有警告如下图所示： 本来不想管这个警告，但是看着是在不舒服，最后给解决了。 该问题产生的条件是：传参的时候由于使...
Tomcat ssl报错Connector attribute SSLCertificateFile must be defined when using SSL with APR解决方法
09-30
主要介绍了Tomcat ssl报错Connector attribute SSLCertificateFile must be defined when using SSL with APR解决方法,需要的朋友可以参考下
AttributeError: module ‘numpy‘ has no attribute ‘complex‘解决方案
weixin_43178406的博客
05-06 7万+
本文主要介绍了AttributeError: module ‘numpy’ has no attribute ‘complex’.解决方案，希望能对使用numpy的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
AttributeError: module ‘numpy‘ has no attribute ‘int‘解决方案
weixin_43178406的博客
06-20 7万+
本文主要介绍了AttributeError: module ‘numpy’ has no attribute 'int’解决方案，希望能对使用numpy的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案 2.1 方案一 2.2 方案二
Attribute ‘:identifyCode‘ must be hyphenated的解决方案
weixin_43896145的博客
10-20 8284
解决方式 ：因为在绑定属性的时候不允许属性为。
6.常见报错-已解决：v-on event ‘@showSizeChange‘ must be hyphenated
weixin_55181759的博客
05-11 3786
针对驼峰的错误提示，修改为连字符即可。
Attribute ‘:legendPosition’ must be hyphenated的解决方案
泥鸽鸽的博客
09-06 5814
现在的博客真的是需要整治一下 今天写代码出了一个小问题 上网収全是要钱的答案 真的是服了 还好后面找到一个靠谱的答案 顺带记录一下 问题提示如下： Attribute ‘:legendPosition’ must be hyphenated 解决方式 ：因为在绑定属性的时候不允许属性为驼峰命名法 所以需要把绑定的属性使用短横加小写代替 如： ...
vue3 input加一个回车，直接进行查询的事件，然后提示v-on event ‘@pressEnter‘ must be hyphenated.
最新发布
花花鱼的专栏
08-08 193
将驼峰的形式，要改为-的形式，来解决提示v-on event '@pressEnter' must be hyphenated.
报错：Component name....multi-word-component-names——ESLint关闭校验的两种方法（简单好用）
qq_56715703的博客
04-13 1813
是因为我们在使用vue-cli创建项目使用了最新的vue/cli-plugin-eslint插件，引用了vue/multi-word-component-names规则，所以在编译的时候判定此次错误。但是官方并不建议直接关闭校验，因为此方法只是编译时不报错，如果使用vscode+eslint会在文件头标红提示，所以推荐下一种方式。是避免因为某个字段未定义或者因为命名不规范导致的服务崩溃，可以有效的控制项目代码的质量。：在ESlint的配置文件eslintrc.js中（如果没有在根目录下新建一个名为。
Vue如何关闭EsLint检测（使用现成的项目作为开发基础，EslLint带来的不便）
FebruaryQ的博客
09-02 905
EsLint。
eslint关闭校验方法、eslint关闭段落校验、eslint关闭行校验、eslint关闭单文件校验
前端_小学生的博客
07-27 5727
Eslint关闭文件校验 关闭段落校验/* eslint-disable */ 代码块 /* eslint-enable */ 关闭当前行校验一行代码 // eslint-disable-line 关闭下一行校验// eslint-disable-next-line 下一行的代码 关闭对这单一文件的校验 在文件头部加上注释,eslint在校验的时候会跳过后续的代码 /* ...
已解决：v-on event ‘@saveApi‘ must be hyphenated
IU
01-21 1万+
v-on event '@saveApi' must be hyphenated 针对驼峰的错误提示，修改为连字符即可 解决方法 @saveAPI ------- > @save-api
【ESLINT报错】eslint/tslint常见报错集合
qq_39404437的博客
07-25 7063
eslint常见报错集合
VUE错误码Attribute ':sizeOpts' must be hyphenated
weixin_34378922的博客
04-03 2868
Attribute ':sizeOpts' must be hyphenated 因为属性有大写，需要添加 - 来取代 例如 tampData 换成 tamp-data 就可以了 转载于:https://www.cnblogs.com/ChineseLiao/p/10650010.html...
warning Attribute ':pageSizes' must be hyphenated vue/attribute-hyphenation
06-03
这个警告是因为 Vue.js 的属性绑定规则要求组件的属性名必须使用短横线命名法（kebab-case），而不是驼峰式命名法（camelCase）。 例如，如果你有一个组件的属性名为 pageSizes，应该改成 page-sizes。这样就不会出现这个警告了。 如果你不想修改属性名，也可以在组件的选项中添加一个 props 属性，用来指定这个属性的名称。例如： ``` Vue.component('my-component', { props: { pageSizes: { type: Array, default: function () { return [10, 20, 30, 40] } } } }) ``` 这样就可以通过 this.pageSizes 访问到这个属性了，而且不会出现警告。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值