小编mBy*_*yte的帖子

Vue模板处理:如何删除文本节点和结束标记之间的尾随空格

在我的vue-cli项目中,我有许多.vue带有标签的文件,这些标签在文本节点和结束标签之间有尾随空格。我需要尾随空格(或制表符,或换行符)。

我的模板中有什么:

<RouterLink
  :to="{name: 'vacancy', params: { id: vacancy.id }}"
  class="vacancy-name-link"
>
  {{ vacancy.title }}
</RouterLink>
Run Code Online (Sandbox Code Playgroud)

我想要的是:

<a href="/vacancy/0">Vacancy title</a>
Run Code Online (Sandbox Code Playgroud)

我拥有的:

<a href="/vacancy/0"> Vacancy title </a>
Run Code Online (Sandbox Code Playgroud)

为什么我不能在一行中编写代码:

  1. eslint vue/multiline-html-element-content-newline中有一条规则
  2. 在一个项目中,我有很多文件(超过 500 个),这些文件带有许多不同的标签(例如<span><a>等等)。

有没有任何方法可以更新渲染模板以修剪标签内的尾随空格?

对不起我的英语不好。

vue.js vue-loader

5
推荐指数
0
解决办法
534
查看次数

标签 统计

vue-loader ×1

vue.js ×1