Vue. js lint заставляет компонент в одну строку - PullRequest
Новая
       105

Vue. js lint заставляет компонент в одну строку

0 голосов
/ 18 марта 2020

У меня есть компонент в Vue шаблоне 

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

Когда я пытаюсь запустить lint, он автоматически переформатирует мой код в следующее 

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

Я пытаюсь отключить его от этого, но не может найти соответствующее правило. Есть идеи, как этого избежать?

Я просто хочу, чтобы он остался, однако я пишу его и отключаю все правила, касающиеся этого.

1 Ответ

0 голосов
/ 18 марта 2020

вы не должны этого делать, однострочные реквизиты рекомендованы Vue официально: https://vuejs.org/v2/style-guide/#Multi -attribute-elements-настоятельно-рекомендуемый

Если вы действительно хотите изменить его .

  • в вашем файле package.json, найдите, если есть eslintConfig

    • , если он есть, добавьте эту конфигурацию в rules: "vue/max-attributes-per-line": "off"

  • , если нет eslintConfig, вы можете добавить один. конфигурация по умолчанию должна выглядеть следующим образом: 

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