此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的

解决办法

根据错误提示更改相关配置即可,更改完成之后重新构建项目

**。

举例:
{
  "vue/max-attributes-per-line": ["error", {
    "singleline": 1,
    "multiline": {
      "max": 1,
      "allowFirstLine": false
    }
  }]
}
  • singleline(number)…当开始标记在一行中时,每行的最大属性数。默认值为1。
  • multiline.max(number)…当开始标记位于多行中时,每行的最大属性数。默认值为1。如果您不配置属性{
    multiline: 1 },{ multiline: { max: 1 }}则可以代替allowFirstLine。
  • multiline.allowFirstLine(boolean)…如果为true,则允许属性与该标记名称位于同一行。默认值为false。
“singleline”: 3
<template>
  <!-- ✓ GOOD -->
  <MyComponent lorem="1" ipsum="2" dolor="3" />

  <!-- ✗ BAD -->
  <MyComponent lorem="1" ipsum="2" dolor="3" sit="4" />
</template>
“multiline”: 2
<template>
  <!-- ✓ GOOD -->
  <MyComponent
    lorem="1" ipsum="2"
    dolor="3"
  />

  <!-- ✗ BAD -->
  <MyComponent
    lorem="1" ipsum="2" dolor="3"
    sit="4"
  />
</template>
“multiline”: 1, “allowFirstLine”: true
<template>
  <!-- ✓ GOOD -->
  <MyComponent lorem="1"
               ipsum="2"
               dolor="3"
  />
</template>
Logo

前往低代码交流专区

更多推荐