模板中有以下翻译：
<p> {{ $t('Counter: {n}', {n: counter}) }} </p>
其中counter只是从脚本返回的一个数字，我想对“n”应用一个样式（例如，使其红色）。我如何才能做到这一点？
bksxznpy1#
一种方法是直接将HTML添加到翻译中。这将使计数器始终显示为红色：翻译：
counter: 'Counter is: <span style="color: red">{n}</span>'
模板：
<span v-html="$t('counter', {n: 22})" />
如果您希望它在颜色方面更灵活，您可以添加额外的参数：
<span v-html="$t('counter', {n: 22, color: 'green'})" /> counter: 'Counter is: <span style="color: {color}">{n}</span>'
1条答案
按热度按时间bksxznpy1#
一种方法是直接将HTML添加到翻译中。这将使计数器始终显示为红色：
翻译：
模板：
如果您希望它在颜色方面更灵活，您可以添加额外的参数：