Показать локализованную строку с одной/двойной цитатой в шаблоне VueJS

Question

Я создаю форму в Pagekit CMS, которая использует VueJS. Согласно Pagekit Translation guide для отображения строки в другом языке, мы используем это в шаблоне Ви:

{{ '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>