Vue中英文翻译小结

背景:时局艰难,后端开发被强制写了vue,这不有个需求是中英文翻译,特此记录下,该怎么个翻译法子。

先引入全局的路由国际化文件,zh.js 和 en.js

1.关于插值表达Button里面

 {{ $t('reinsop.common.back') }}

2.关于:lable

:label="$t('reinsop.common.document_type') "

3.关于title

:title="$t('reinsop.common.filedown_manage')"

4.关于placeholder

:placeholder="$t('reinsop.common.please_select')"

5.关于filter里面的数据

1.先引入
import { generateTitle } from "@/utils/i18n";
2.然后在
export default {
// 在filters里面定义,我把其他data之类的省略了
    filters: {
        // 定义一个函数
        sinStatusFilter(row) {

            if(row == 1){
                return generateTitle('reinsop.business.treatyceded_flag12_3');
                }
        }
    }

}

然后在上面需要过滤的地方,用管道进行过滤判断

最终就ok了......

你可能感兴趣的:(vue.js,前端,javascript)