ASCII码 ASCII码

Vue项目i18n多语言国际化过程中，过滤器filter中使用国际化遇到的坑及解决办法。

发布于：2022-02-10 10:57:15  栏目：技术文档

1.表格内的单元格数据，通过后台返回的字段对应的替换为filters中的文字。

  1. <template>
  2.      <span>{{ scope.row.isMain | isMainFilter}}</span>
  3. </template>
  4.     .......
  5. filters:{
  6.     isMainFilter(isMain) {
  7.       if (isMain) {
  8.         return '是'
  9.       } else {
  10.         return '否'
  11.       }
  12.     }
  13. }

2.解决方案：

  1. <span>{{ scope.row.isMain | isMainFilter(te) }}</span>
  3. isMainFilter(isMain, te) {
  4.   if (isMain) {
  5.     return te('model.yes')
  6.   } else {
  7.     return te('model.no')
  8.   }
  9. }

methods函数中定义

  1. te(arg) {
  2.   const hasKey = this.$te(arg)
  3.   if (hasKey) {
  4.     const result = this.$t(arg)
  5.     return result
  6.   }
  7.   return arg
  8. }
相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行