Vue-i18n パラメータにスタイルを適用する方法

Question

テンプレートには次の翻訳があります:

リーリー

ここで、counter はスクリプトから返された単なる数値であり、「n」にスタイルを適用したいと考えています (例: 赤にします)。

この目標を達成するにはどうすればよいですか?

Answer 1

1 つの方法は、HTML コードを翻訳に直接追加することです。これにより、カウンターが常に赤色で表示されます:

＃＃＃翻訳する：＃＃＃ リーリー ＃＃＃テンプレート：＃＃＃ リーリー

色をより柔軟にしたい場合は、パラメータを追加できます:

リーリー