在国际化 vue-i18n 里面使用 | 不生效

在使用 vue-i18n 处理多语言国际化的时候，内容里面有一个单竖线（|），但是结果发现不生效，“|” 以及后面的内容都被隐藏了。刚开始以为是元素的宽度不够，但是调试了之后发现并不是。很好奇，为什么会这样呢？

后来查询了文档才知道，“|” 在 vue-i18n 中属于特殊字符（还有{、}、@ 、$），如果要使用的话必须通过插值表达式 {'|'}，比如：“多个参数请使用{'|'}连接”。这跟在html里使用 > 表示大于号（>）一个道理。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容