Question

我有一个带有Handlebar式模板系统的模板：

<div class="alert alert-danger" v-if="!panoURL">
  {{ $t('invalidPanorama') }}{{ $t(objectName) | lowercase }}{{ $t('period') }}
</div>

输出讯息：Please re-upload this panorama.

如您所见，消息已本地化;它也有中文版。因为在中文单词中没有空格我必须将空格放在本地化的字符串中。不在模板中。

为了提高可兑换性，我这样做了：

<div class="alert alert-danger" v-if="!panoURL">
  {{ $t('invalidPanorama') }}
  {{ $t(objectName) | lowercase }}
  {{ $t('period') }}
</div>

但每个字符串后面都会添加一个空格。

如何编写结构，如第二个例子，但产生示例输出？

Answer 1

如果我理解你的正确，那么当使用内联元素时，这是一个经典的空格问题，其中标记的虚线给出了该空间，所以试试这个

<div class="alert alert-danger" v-if="!panoURL">
     {{ $t('invalidPanorama') }}<!--
  -->{{ $t(objectName) | lowercase }}<!--
  -->{{ $t('period') }}
</div>

如何删除多行HTML排列中的空格？

1 个答案: