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

Question

我正在使用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>

Answer 1

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

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