Vue.js lint 强制组件为单行

【问题标题】：Vue.js lint forces component to a single lineVue.js lint 强制组件为单行
【发布时间】：2020-06-29 09:01:07
【问题描述】：

我在 Vue 模板中有一个组件

 <MyComponent
  class='class'
  someattribute='...'
  @event='eventListener'
/>

当我尝试运行 lint 时，它会自动将我的代码重新格式化为以下格式

 <MyComponent class='class' someattribute='...' @event='eventListener' />

我正在尝试禁用它，但找不到任何相应的规则。任何想法如何避免这种情况？

我只是希望它保留下来，但我编写它并禁用任何有关它的规则。

【问题讨论】：

【解决方案1】：

如果你真的想改变它。

在您的package.json 文件中，查找是否有eslintConfig
- 如果有，请在其rules 中添加此配置："vue/max-attributes-per-line": "off"
如果没有eslintConfig，你可以加一个。默认配置应如下所示：

"eslintConfig": {
//... other config
       "rules": {
      "vue/max-attributes-per-line": "off"
    }
  },

【讨论】：