Vue项目i18n多语言国际化过程中,过滤器filter中使用国际化遇到的坑及解决办法。
16lz
2022-03-04
1.表格内的单元格数据,通过后台返回的字段对应的替换为filters中的文字。
<template>
<span>{{ scope.row.isMain | isMainFilter}}</span>
</template>
.......
filters:{
isMainFilter(isMain) {
if (isMain) {
return '是'
} else {
return '否'
}
}
}
2.解决方案:
<span>{{ scope.row.isMain | isMainFilter(te) }}</span>
isMainFilter(isMain, te) {
if (isMain) {
return te('model.yes')
} else {
return te('model.no')
}
}
methods函数中定义
te(arg) {
const hasKey = this.$te(arg)
if (hasKey) {
const result = this.$t(arg)
return result
}
return arg
}
更多相关文章
- android 可执行程序终于可以在nxp8473--cortex-a9平台运行
- android工具之TraceView学习笔记
- android中showSoftInput不起作用
- Android(安卓)自定义RadioButton或CheckBox选择样式
- Android(安卓)NDK 开发教程三:Hello JNI 示例
- android accessibility
- Android(安卓)yyyy-MM-dd'T'HH:mm:ss.SSS Z 格式转换 yyyy-MM-dd
- Android音频系统之四AudioPolicy
- 【Android】 使用ADT16出现ImageView Warning:Missing content D