我有一个带有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>
但是在每个字符串后面都添加了一个空格。
如何像第二个例子一样编写结构,但产生例子输出?
如果我理解你的正确,在使用内联元素时,这是一个经典的空白问题,其中标记的虚线提供了这个空间,所以试试这个
<div class="alert alert-danger" v-if="!panoURL">
{{ $t('invalidPanorama') }}<!--
-->{{ $t(objectName) | lowercase }}<!--
-->{{ $t('period') }}
</div>