0.2.8 • Published 3 years ago
goodjob-vue v0.2.8
goodjob-vue
Vue is used in multiple languages,The Vue version applies to Goodjob.ai
账号注册及申请
登陆 https://goodjob.ai/ 申请成为开发者
面板栏选择创建新项目 goodjob
面板->点击您的项目名称项目->设置: 查看生成的 apiKey 和 apiSecret
SDK-Vue 集成方式
安装依赖
npm i goodjob-vue -D -S
使用流程
- 引入相关依赖 main.js中引用并初始化
import VueI18n from 'vue-i18n'
import goodJobSDK from 'goodjob-vue'
Vue.use(VueI18n)
Vue.use(goodJobSDK, {
apiKey: '您的apiKey',
apisecret: '您的apisecret',
initI18n:{ // 推荐使用
en:{},
'zh-CN':{}
},
// initI18n:['en', 'zh-CN'] // 初始化本地语言类型(仅默认生成多语言键值对),推荐使用上述对象形式。
onlineEdit: Boolean // 当为true时开启在线修改功能( 组件 <ToUpdateMid></ToUpdateMid> 放置app.vue页面最后一个元素 )
})
const i18n = new VueI18n({
locale: 'en', // 语言标识,粗在state里面
messages: Vue.i18nObj, // MyLocale,
silentTranslationWarn: true,
formatFallbackMessages: true,
silentFallbackWarn: true,
})
new Vue({
i18n,
render: h => h(App),
}).$mount('#app')
<ToUpdateMid></ToUpdateMid>
- 获取多语言数据
this.$jobGet('/content/sdk',{mid:'数据mid'}, '页面取值的key,如test0', boolean(不填则默认使用对象处理数据) ).then(res=> {
console.log(res)
}).catch(err=> {
console.log(err)
})
- 将多语言数据放入对应的语言包文件,参考I18n国际化设置(数据处理可使用功能扩展)。
全局使用自定义多语言(国际化设置)
国际化设置请参照 element国际化 I18n
- template中使用
<template>
<!-- test0为 this.$LangObj()的第一个参数, 如果要在线修改文案,务必传入指定属性 class="jb_online" data-jb="多语言取值关键字(如:test0.g_key_2)" -->
<h1 class="jb_online" data-jb="test0.g_key_2" >{{ $t('test0.g_key_2') }}</h1>
</template>
- js中使用
this.$t('test0.g_key_2')
- 语言切换
this.$i18n.locale = '要切换的语言Code'
功能扩展
组件请求后台数据,调用
this.$transLangData
返回页面所需的多语言数据格式/** * @description: * @param {dataList} 后台多语言的数组数据。 * @param {num} 需要的数据结构 ,num必须大于等于1。当num=1时,根据语言种类返回原数据结构;num>1 的时候为一个大数组,大数组包含页面需要循环数组的数据结构,具体打印查看。 * @param {start} 原始数据截取,表示从哪个数据开始截取。 * @param {end} 原始数据截取,表示从哪个数据截取结束,实际截取 不包含这个数据,只保留前一个,该参数不传时,代表截取到最后一位。 * @return {Onject} 返回各个语言种类处理后的数据结构。 */
this.$transLangData(resData, num, start, end).then(langData=> {
console.log(langData)
// 将返回的数据存储在多语言文件夹对应的 key 里面
// 如 en.HomeHotJob = langData.en
})
# 谷歌翻译和多语言冲突解决
1. 添加`<meta name="google" content="notranslate" />`标签,强制关闭(目前推荐此方式)
2. 如果有更好的解决方法,还望多指教,谢谢
0.2.7
3 years ago
0.2.6
3 years ago
0.2.8
3 years ago
0.2.5
3 years ago
0.2.3
3 years ago
0.2.4
3 years ago
0.2.1
3 years ago
0.2.2
3 years ago
0.2.0
3 years ago
0.1.9
3 years ago
0.1.8
3 years ago
0.1.7
3 years ago
0.1.4
3 years ago
0.1.6
3 years ago
0.1.5
3 years ago
0.1.2
3 years ago
0.1.3
3 years ago
0.1.0
4 years ago
0.1.1
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.5
4 years ago
0.0.6
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago
1.0.0
4 years ago