P标签内文本莫名多空格

今天又出现了一个奇怪的错误，p标签里面有多个文本，但是文本和a标签之间总是多一个空格。
检查model_comparison_desc字段，末尾没有空格，使用$t('api_base.model_comparison_desc').trim()去除首尾空格 页面显示的时候依旧有空格。
原因竟然是代码格式化的时候换行导致的！
出问题代码：

<p>
      {{ $t('api_base.model_comparison_provide') }}
      {{ $t('api_base.model_comparison_desc') }}
      <a href="/dev/howuse/model" target="_blank">{{ $t('api_base.model_comparison') }}</a>
      {{$t('api_base.model_comparison_choose') }}
    </p>

后来将a标签前后不用换行断开就好了，修改后的代码如下：

<p>
      {{ $t('api_base.model_comparison_provide') }}{{ $t('api_base.model_comparison_desc') }}<a href="/dev/howuse/model"
        target="_blank">{{ $t('api_base.model_comparison') }}</a>{{
        $t('api_base.model_comparison_choose') }}
    </p>

避坑！P标签内换行格式化会被浏览器解析成空格元素