用vuex在v-html指令i18 vue中翻译管道

时间:2019-01-24 16:04:31

标签: vue.js vuejs2 internationalization vue-i18n

我正在使用vuex-i18n软件包。基本上,我是通过过滤器管道翻译大部分内容,如下所示:

{{ header | translate }}

但是有时候我需要翻译实际上只是html的文本,我这样绑定它:

<p v-html="paragraph"></p>

但这不适用于管道:

<p v-html="paragraph | translate"></p> // display ()
上例中的

段落为:

<p class="balears__text">Jest największym miastem Majorki, kosmopolityczną stolicą Balearów i prężniedziałającym, śródziemnomorskim ośrodkiem turystycznym.</p><p class="balears__text"> Katedra La Seu to zdecydowanie najsłynniejsza budowla Palmy. Ta gotycka świątynia z elementami architektury zaprojektowanej przez słynnego Gaudiego stanowi wizytówkę miasta i jest symbolem całej wyspy. </p><p class="balears__text"> Nieopodal katedry znajduje się pałac królewski La Almudaina. Spacer po komnatach i dziedzińcu sprawi, że poczujesz się, jakbyś wędrował po tych zabudowaniach w czasach ich świetności. </p><p class="balears__text"> Doskonałym pomysłem na rodzinne popołudnie jest wizyta w jednym z największych kompleksów akwariowych na świecie. W Palma Aquarium możesz przeżyć niesamowitą przygodę, nurkując z rekinami w najgłębszym zbiorniku w Europie, tzw. Big Blue. </p>

1 个答案:

答案 0 :(得分:0)

我找到了这样的解决方案:

<p v-html="$options.filters.translate(paragraph)"></p>