1.0.4 • Published 2 years ago
vue-switch-multi-lang v1.0.4
vue-switch-multi-lang
vue框架下语言切换功能
install
npm i vue-switch-multi-lang -Sbasic usage
...
import vueMultiLang from "vue-multi-lang"
// entry
Vue.use(vueMultiLang, {
el: '#app'
})params
参数列表
| param | type | remark |
|---|---|---|
| el | String | 元素根节点(最终传入document.querySelector方法中) |
| lang | Object | 初始化语言包对象，默认 {} |
| langType | String | 初始化语言类型，默认'zh' |
| targetName | String | 挂载Vue原型节点名称，默认'$TbLang' |
| prefixClassName | String | el节点语言类名前缀，默认'tb-lang'，设置langType为'zh'，最终类名会叫'tb-lang-zh' |
事件说明（默认targetName为'$TbLang'）
| function | params | remark |
|---|---|---|
| changeLang | (langType (string 语言类型), lang (Object 语言包对象) | 修改语言环境 |
| cleanLang | - 无 | 清空语言环境 |
// 使用示例
this.$TbLang.changeLang('en', {...});
this.$TbLang.cleanLang();可获取到的参数（默认targetName为'$TbLang'）
- 语言包数据：假设语言包设置成{test: 'hello world'}，可以通过this.$TbLang.lang.test获取到值，template获取如下：
<template>
<div>{{ $TbLang.lang.xxx }}</div>
</template>- 语言包环境：假设语言包设置成'en'，可以通过this.$TbLang.langEnv获取到值