tarsier-vue-tools国际化文件扩展方法

ps:本组件只是将国际化文件扩展了多Key合并功能,并且加载到 vue 全局 filters 中,以及添加 到 Vue 的 prototype 中(this.$L)

注册

// index.js
import { i18n } from "uino-tarsier-vue-lib";
Vue.uee(i18n)

使用方法 Default

// *.vue:
<template>
  <p>{{'KEY'|L}}</p>
  <p>{{'COMMMON_DEPLOY' | L}}</p>
  <p>{{'DMV_PLEASE_SELECT_ITEM' | L({item:'item'})}}</p>
  <Input :placeholder="'COMMON_PLEASE_ENTER' | L"/>
</template>

使用方法 (组合Key)

  • 可以按照数组顺序将翻译的内容拼成字符串输入
// *.vue:
<template>
  <Input :placeholder="['COMMON_PLEASE_ENTER' , 'COMMON_CI_INFORMATION']| L"/>
</template>

使用方法 (this)

// *.vue:
<template>
  <p>{{$L.get('KEY')}}</p>
  <p>{{$L.get('COMMMON_DEPLOY')}}</p>
  <script>
  export default {
    computed:{
      test(key,data={}){
        return this.$L.get(key,data)
      }
    },
    methods:{
      test1(key,data={}){
        return this.$L.get(key,data)
      },
      test2(key,data={}){
        // key = ['Key1','Key2'] // Array
        // data = {key:value} // Object
        return this.$L.getAll(key,data)
      }
    }
  }
  </script>
</template>