Vue3 实战指南：轻松击破开发难题

vue-i18n特殊符号无法正常显示

在进行Vue I18n（国际化）插件的中英文翻译时，如果遇到特殊的符号会无法正常显示，如果要使用这些字符，则需要使用文字插值。

比如页面中想要显示如下一段内容：

  message: {
    testTip: 'Insert tags using the {flag} method (tags are specific field values)'
  }

直接使用 $t('message.testTip') 的话只能看到 Insert tags using the method (tags are specific field values)

解决方案： 想要解决这个问题，可以使用动态赋值。首先使用大括号来标记一个字段，如：{flag}； 然后在使用时将 {flag} 的部分替换成需要展示的内容，这样内容就可以完整展示了。

$t('message.testTip', { flag: '{flag}'});

原文链接