在使用 vue-i18n 处理多语言国际化的时候,内容里面有一个单竖线(|),但是结果发现不生效,“|” 以及后面的内容都被隐藏了。刚开始以为是元素的宽度不够,但是调试了之后发现并不是。很好奇,为什么会这样呢?
后来查询了文档才知道,“|” 在 vue-i18n 中属于特殊字符(还有{、}、@ 、$),如果要使用的话必须通过插值表达式 {'|'},比如:“多个参数请使用{'|'}连接”。这跟在html里使用 > 表示大于号(>)一个道理。
在使用 vue-i18n 处理多语言国际化的时候,内容里面有一个单竖线(|),但是结果发现不生效,“|” 以及后面的内容都被隐藏了。刚开始以为是元素的宽度不够,但是调试了之后发现并不是。很好奇,为什么会这样呢?
后来查询了文档才知道,“|” 在 vue-i18n 中属于特殊字符(还有{、}、@ 、$),如果要使用的话必须通过插值表达式 {'|'},比如:“多个参数请使用{'|'}连接”。这跟在html里使用 > 表示大于号(>)一个道理。