我正在使用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>
答案 0 :(得分:0)
我找到了这样的解决方案:
<p v-html="$options.filters.translate(paragraph)"></p>