错误详情

错误原因

此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的
esline默认要求属性单独开一行

错误解决

所以解决的方法有两个一个是遵从eslint默认规则让属性新开一行,能解决问题

但是我不喜欢看这样子的代码,所以我只好去改掉eslint的规则

查看eslint配置可以发现
写着如下规则

其中

• singleline（number）…当开始标记在一行中时，每行的最大属性数。默认值为1。
• multiline.max（number）…当开始标记位于多行中时，每行的最大属性数。默认值为1。如果您不配置属性{
• multiline: 1 }，{ multiline: { max: 1 }}则可以代替allowFirstLine。
• multiline.allowFirstLine（boolean）…如果为true，则允许属性与该标记名称位于同一行。默认值为false。

'vue/max-attributes-per-line': ['warn', {
      'singleline': 10,
      'multiline': {
        'max': 10,
        'allowFirstLine': false
      }
    }],