在VueJS模板中显示带有单/双​​引号的本地化字符串

Question

我正在Pagekit CMS中构建一个使用VueJS的表单。根据{{​​3}}显示不同语言的字符串，我们在Vue模板中使用它：

{{ 'Save' | trans }}

如果字符串中有单引号，我就不能使用它：

<label>{{ 'Map\'s width' | trans }}</label>

但这有效：

<label>{{ "Map's width" | trans }}</label>

但是在下列情况下我怎么能显示单引号？

 <input placeholder="{{ "Map's width" | trans }}" >

提前谢谢！

Answer 1

您可以在其他地方定义字符串：

data: {

phrases: {

map_width: "Map's width"

}

}

然后在模板中使用它：

<label>{{ phrases.map_width | trans }}</label>