vue设置国际化字体

1.首先下载vue-i18n插件

yarn add vue-i18n --save

2.将一下两个js引入进项目

3.将lang目录下的index.js附上

import Vue from 'vue'
import VueI18N from 'vue-i18n'
import en from './en'
import cn from './cn'Vue.use(VueI18N)const messages = {en,cn
}let locale = 'cn'const i18n = new VueI18N({locale, // 当前的语言messages // 语言对应的文本
})export default i18n

4.在项目启动的index.js引入插件

5.选取语言

<span class="ebook-popup-title-text">{{$t('book.selectFont')}}</span>

vue设置国际化字体相关推荐

css设置title字体_CSS中简写属性要注意TRouBLe的顺序，避免踩坑
简写属性是用于同时给多个属性赋值的属性.比如font是一个简写属性,可以用于设置多种字体属性.它指定了font-style.font-weight.font-size.font-height以及fon ...
android sdk字体设置,Android Studio常用设置(设置ide主题、安装插件、设置编码区字体、自定义sdk位置)...
1 设置ide主题和字体大家刚下载下来的时候,感觉是不是有点儿怪怪的,有点儿2003的感觉,还好,stuido提供修改主题,和window设置主题一样,File->setting->ap ...
Vue 修改掘金字体颜色
原文链接: Vue 修改掘金字体颜色上一篇: react 消除知乎div 下一篇: animejs 动效参数调节检测代码来自vue cli 修改掘金字体颜色, 其实可以做到更多的事情, 因为原型链 ...
pycharm2017设置注释字体颜色
pycharm 设置注释字体颜色 File-->Settings-->Editor--> Color Scheme-->Language Defaults-->Line ...
字体设置_word字体设置：如何为常用字体设置快捷键
编按:最近,有位同学问我,怎样在Word文档中默认使用自己喜欢的字体,而不需要每次反复的设置,我告诉他2个方法,分分钟帮他解决了困扰.今天在这里就将这2个小技巧分享给需要的你们,一起来看看吧! ** ...
vue设置一个简单的计算器
vue设置一个简单的计算器 <div id="app"><input type="text" v-model="n1"&g ...
kali 设置中文字体
kali设置中文字体 # 安装中文字体 sudo apt-get install ttf-wqy-zenhei# 设置系统配置 sudo dpkg-reconfigure locales 重启系统即可 ...
Android 设置TextView字体加粗
今天,简单讲讲Android里如何设置TextView字体加粗. 不废话了,用过多次,还是没记住.直接上代码. 1.布局文件中这样设置即可: XML/HTML代码 android:textStyle= ...
android studio 设置控制台字体大小
今天,简单讲讲android studio 如何设置控制台字体大小. 这个其实很简单. 只要在android studio 这样设置:Settings->Editor->Color &am ...

vue设置国际化字体

vue设置国际化字体相关推荐

最新文章

热门文章