如何解决您如何关闭vue-cli-service lint中HTML属性的大小写校正?
当我运行npm run lint
(从package.json调用"lint": "vue-cli-service lint"
)时,我在HTML属性中得到了以下更改:
- :auth0Login="auth0Login"
+ :auth0login="auth0Login"
这破坏了代码,我不希望它发生。我尝试了以下规则来防止这种情况:
"vue/camelcase": "off","vue/name-property-casing": "off","vue/custom-event-name-casing": "off","vue/component-definition-name-casing": "off","vue/prop-name-casing": "off","vue/component-name-in-template-casing": "off",
这些都不起作用,这并不令人惊讶,因为它们都不指定HTML属性。我能找到的所有与套管有关的东西。
我知道整理不是严格必要的,并且开始感觉它产生的问题比解决的问题多,但是如果有人知道解决方案,我还是想做这项工作。
package.json中的eslintConfig的astebin:https://pastebin.com/h52YxjRd
解决方法
规则是vue /强烈推荐的“ vue /属性-连字符”。
此问题已解决:
"vue/attribute-hyphenation": "off"
这是因为 vue / attribute-hyphenation 规则
vue /属性连字符
-
在模板中的自定义组件上强制属性命名样式
-
此规则包含在“ plugin:vue / vue3-strong-recommended”,“ plugin:vue / strong-recommended”,“ plugin:vue / vue3-recommended”和“ plugin:vue /推荐”
示例:
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
<!-- ✓ GOOD -->
<MyComponent my-prop="prop" />
<!-- ✗ BAD -->
<MyComponent myProp="prop" />
</template>
您可以通过在规则中添加以下行来忽略此功能
rules: {
"vue/attribute-hyphenation": "off"
}
官方DOC:https://eslint.vuejs.org/rules/attribute-hyphenation.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。