美文网首页前端零碎
<title>标签的国际化

<title>标签的国际化

作者: 鸡毛菜菜子 | 来源:发表于2019-06-13 11:04 被阅读6次

一个项目想要实例化有以下几个步骤

1.安装 $ npm install vue-i18n或者直接引入<scriptsrc="https://unpkg.com/vue/dist/vue.js"></script>

2.在 main.js 中引入 vue-i18n

3.根据require的路径建立两个语言包,我建立的是json文件

en.json zh.json

4.然后我们就可以放肆的使用语言包了

标签引用 在js里的引用方法 标签里提示写法,注意双引号和单引号

那么想要<title>国际化怎么搞呢?

1.给路由的meta属性里的title属性值换成json文件里的属性

从json文件里的引用 如此例,则写作title: professionalWarehouseCatalogue

2.引入语言包的方式稍加修改

3.在main中使用路由的

钩子函数afterEach,也成为路由卫士

Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/

Vue.afterEach(function(to,form))/在跳转之后判断/。

操作成功

附加:

这个是meta.titile实现在标签里的方式

相关文章

  • <title>标签的国际化

    一个项目想要实例化有以下几个步骤 1.安装$ npm install vue-i18n或者直接引入 2.在 mai...

  • HTML 4.01版

    复习 排版标签:p hr br pre 字体标签: 转义字符:<> 清单标签:有序列表...

  • 2019-03-20第二天

    常用的标签有 标题标签H系列 段落标签p系列 换行标签br 横线标签hr 常用的实体有<<>> © 空...

  • 2019-05-27第二天

    常用的标签有 标题标签H系列 段落标签p系列 换行标签br 横线标签hr 常用的实体有<<>> © 空...

  • jQuery html函数

    jQuery 的html()函数自动把不安全的标签 标签和&符号escape了 script标签被转换成 & lt...

  • 第二篇

    2.在HTML里打多个空格需要使用标签,一般标签有<;=<,> => =空格回车标签有...

  • thymeleaf html标签自定义属性国际化赋值

    非自定义标签国际化赋值方法 自定义标签国际化该如何赋值呢? 1.目前自定义一个data-attr标签属性 2.赋值...

  • Mybatis if标签判断数字大小

    if标签语法 条件表达式中大于号小于号用 gt,lt mapper xml

  • arguements应用

    HTML 标签, 在页面上显示代码< 做尖括号 , > 右尖括号 JS arguements是传递给函...

  • html的基本指令

    文件开头输入: 然后输入跟标签 内容要输入在跟标签内 选择国际化代码转换器 ...

网友评论

    本文标题:<title>标签的国际化

    本文链接:https://www.haomeiwen.com/subject/doxjfctx.html