vuejs路由器链接和eslint规则

Question

如果安装vuejs eslint插件并将其配置为使用“强烈推荐”规则集，linter将告诉您更改以下代码：

<router-link class="my-link" :to="{ name: 'index' }">Home</router-link>

进入这个

<router-link
  class="my-link"
  :to="{ name: 'index' }"
>
  Home
</router-link>

问题是，当您这样做时，您的

这是导致问题的规则，通过使用配置选项并告诉规则忽略

<router-link
  class="my-link"
  :to="{ name: 'index' }"
>Home</router-link>

以前有人遇到过这种情况吗？有没有办法只修剪锚定标记内的文本？我是否缺少Vue路由器配置或ESLint配置？

下面是一个例子的链接：

https://jsfiddle.net/rpf3/wex7dvpc/4/




Answer 1

如果您愿意在这里使用css并使链接内联块元素而不是默认内联块元素，那么空白将消失。

更新小提琴：https://jsfiddle.net/5cps4837/

a {
  display: inline-block;
}