当前位置: 首页 > news >正文

石家庄网站建设咨询中国突然宣布一重磅消息

石家庄网站建设咨询,中国突然宣布一重磅消息,厦门唯一官方网站,wordpress密码忘记了怎么办原文作者:我辈李想 版权声明:文章原创,转载时请务必加上原文超链接、作者信息和本声明。 文章目录 1.vue全局配置2.创建并暴露getPageTitle方法3.通过全局前置守卫设置title4.页面上引用title5.项目使用中英文翻译,title失效 1.vu…

原文作者:我辈李想
版权声明:文章原创,转载时请务必加上原文超链接、作者信息和本声明。


文章目录

    • 1.vue全局配置
    • 2.创建并暴露getPageTitle方法
    • 3.通过全局前置守卫设置title
    • 4.页面上引用title
    • 5.项目使用中英文翻译,title失效


1.vue全局配置

我们在App.vue的同级创建settings.js文件,内容如下:

module.exports = {title: '天仪遥感数据中心',/*** @type {boolean} true | false* @description Whether fix the header*/fixedHeader: false,/*** @type {boolean} true | false* @description Whether show the logo in sidebar*/sidebarLogo: true
};

2.创建并暴露getPageTitle方法

const title = defaultSettings.title || 'Vue Element Admin';export default function getPageTitle(pageTitle) {if (pageTitle) {if (pageTitle === '首页') {return title;} else {return `${title}|${pageTitle}`;}}return `${title}`;
}

${title}|${pageTitle}是根据seo规则设置的,可以参考如下链接:https://blog.csdn.net/weixin_30166691/article/details/117980126?ops_request_misc=&request_id=&biz_id=102&utm_term=%E5%9F%BA%E4%BA%8Eseo%20html%20%E7%9A%84title%E5%A6%82%E4%BD%95%E8%AE%BE%E7%BD%AE&utm_medium=distribute.pc_search_result.none-task-blog-2blogsobaiduweb~default-0-117980126.268v1control&spm=1018.2226.3001.4450

3.通过全局前置守卫设置title

import { createRouter, createWebHistory } from 'vue-router'const routes = [{path: '/posts',component: PostsLayout,children: [{path: 'new',component: PostsNew,// 只有经过身份验证的用户才能创建帖子meta: { requiresAuth: true }},{path: ':id',component: PostsDetail// 任何人都可以阅读文章meta: { requiresAuth: false }}]}
]let router = createRouter({ routes, history })// 全局前置守卫
router.beforeEach(async(to, from, next) => {// 将元信息里的token通过to获取到,并且赋值给document的title属性document.title = getPageTitle(to.meta.title);// 然后直接放行next();
});export default router;

在这里插入图片描述

4.页面上引用title

<template><div class="userInfo"><el-tabs><el-tab-pane :label="$route.meta.title" /></el-tabs></div>
</template>

5.项目使用中英文翻译,title失效

需要在language/zh.js和language/en.js中设置
在这里插入图片描述
在这里插入图片描述

http://www.hrbkazy.com/news/23593.html

相关文章:

  • c语言可以做网站吗萧山seo
  • 网站防采集安卓优化大师新版
  • 上海建网站的公司公司网站搭建流程
  • 网页翻译网站百度网盘搜索引擎入口
  • 网站做一样算不算侵权新手怎么学电商运营
  • 学包装设计网站软文是什么意思
  • 中国建筑教育网官网证书查询seo课程培训
  • 自豪地使用wordpress青岛seo网络推广
  • 网站日常维护做的来不外链推广
  • 外贸网站模版百度收录网址
  • 南宁著名的网站搭建一个网站需要什么
  • 静态网页设计用什么软件进一步优化落实
  • 药业做网站的网站目标分析中国楼市最新消息
  • 企业云app下载广州seo推广
  • 做NBA网站目的腾讯域名
  • ppt做视频的模板下载网站有哪些网站建设的推广渠道
  • 网站外链建设需要考核java培训机构十强
  • 锦阳商城网站搜索引擎网站优化推广
  • 鼓楼做网站seo查询排名系统
  • 微信网站特点软文是什么样子的
  • 信诺盛世网站专业的seo排名优化
  • 成都专业做游戏网站怎样策划一个营销型网站
  • 潍坊seo唐山seo排名
  • 岳阳企业网站建设广东新闻今日大件事
  • 建立网站第一步怎么做深圳最新通告今天
  • 做取名的网站很赚钱吗搜狗站长工具
  • 365建筑人才网win10必做的优化
  • 可以做软件的网站有哪些网络推广和网络销售的区别
  • 做网站建设需要什么工具网络营销课程ppt
  • 带后台的手机网站源码营销网