如何在 nuxt-i18n 中添加 CSS 样式?
How can I add CSS style in nuxt-i18n?
我有以下翻译:
en.js
test: {
hello: 'My name is Ben'
}
如果我想让'name'是蓝色的字,其他字是黑色的。
我试过以下代码:
en.js
test: {
hello: 'My <span style="color:blue">name<span> is Ben'
}
但是会显示
My <span style="color:blue">name<span> is Ben
我该如何更正它?
您的 i18n JSON 中不应包含 code(仅文本),而应在您的模板中使用这样的条件
<div :class="$i18n.locale === 'en' ? 'color-blue' : 'color-red'">{{ $t('hello') }}</div>
我有以下翻译:
en.js
test: {
hello: 'My name is Ben'
}
如果我想让'name'是蓝色的字,其他字是黑色的。
我试过以下代码:
en.js
test: {
hello: 'My <span style="color:blue">name<span> is Ben'
}
但是会显示
My <span style="color:blue">name<span> is Ben
我该如何更正它?
您的 i18n JSON 中不应包含 code(仅文本),而应在您的模板中使用这样的条件
<div :class="$i18n.locale === 'en' ? 'color-blue' : 'color-red'">{{ $t('hello') }}</div>