网页在切换的时候,网页顶部显示自定义网页名称的方法:

具体方法如下:在router下的index.js文件中配置

{

path: '/feifan',

component: () => import("../views/FeiFan.vue"),

//meta 固有属性称为元数据:可以存放各种自定义内容

meta: {title: '非凡'}

const router = new VueRouter({

mode: 'history',

base: process.env.BASE_URL,

routes

})

//必须在router赋值后,手写代码,上方代码就是路由赋值

//路由前置守卫-监听路由的各种跳转操作,在路由跳转前触发

router.beforeEach((to, from, next) => {

console.log('to:', to);//要前往的路由信息

console.log('from:', from);//当前页面的路由信息

// 将元数据meta中的title 赋值给网页头部的标题

document.title = to.meta.title

next(); //放行,允许路由继续运行

})

export default router

这样就轻松搞定,网页名称就展示出来了

网页在切换的时候,网页顶部显示自定义网页名称的方法:相关推荐

终端中显示git分支名称的方法
终端中显示git分支名称的方法大家好,我叫亓官劼(qí guān jié ),在CSDN中记录学习的点滴历程,时光荏苒,未来可期,加油~博客地址为:亓官劼的博客,B站昵称为:亓官劼,地址为亓官劼 ...
Android 小米手机Toast显示带应用名称问题解决方法
解决方法有两个: 第一是: Toast.makeText()方法的第二个参数传null,然后mtoast.settext(text)重新设置一下. 第二是:自定义toast,ToastUtils类// ...
Windows 10系统Internet Explorer无法显示该网页怎么办?
在平时工作之余,我们偶尔会使用ie浏览器来看视频或者浏览新闻,可是有不少用户反映说打开ie然后进入某些网页时会提示出internet explorer无法显示该网页,那么当你遇到Win10系统inte ...
html图片5秒后消失,如何让网页中图片等待5秒再显示_html/css_WEB-ITnose
如何让网页中图片等待5秒再显示. 网页打开的时候,网页中的图片就会马上显示.如何让某一个图片,在网页打开后5秒在显示出来. 回复讨论(解决方案) 1. 图片载入有判别事件,在事件中设置图片对象的显示隐 ...
禁止复制粘贴_网页禁止复制粘贴? 教你5招, 绕过网页限制, 免费复制全网内容!...
转自:大大白菜装机说到网页禁止复制粘贴,相信很多人都有过这种经历:在网上辛辛苦苦地去查找一些资料,好不容易找到了,但是不能复制,真是"竹篮打水一场空"! 因此,难倒许多人的问题就 ...
设备管理器中的计算机注册表位置,电脑如何修改设备管理器里显示的名称|通过注册表修改设备名称的方法...
‍ 我们可以在电脑中通过设备管理器查看配置的硬件设备,以及各自的工作状态,驱动是否正常等,而里面显示的设备名称一般是不可以修改的.因为某些原因,可能会出现设备管理器里的设备出现重名的情况,因此,我们可 ...
每日一记：windows官方桌面显示自定义文字软件BGInfo
你看到我这篇文章时,说明你刚好被推荐或者你也在找可以在桌面显示自定义文字的一个方法,实现的方式肯定有多种,这里分享一个好用的靠谱软件:BGInfo. BGInfo是一款用于设置墙纸背景文本显示的软件 ...
php显示无法找到该网页,window_Win8系统IE浏览器提示无法找到该网页的解决方法，　　我们在浏览网页的时候， - phpStudy...
Win8系统IE浏览器提示无法找到该网页的解决方法我们在浏览网页的时候,有时会遇到"无法显示该网页"的故障,基本都是网络方面的问题.如果网络没问题的话,那就是电脑的故障了.而在W ...
【Google Chrome】如何让浏览器显示手机网页
先前在网上爬文的时候看到过很多文章说在Chrome的快捷方式上加参数以达到显示手机网页的效果,总感觉有点不妥. 今天在老外网站上看到一篇文章,如何把各种浏览器变成手机模拟器,以达到显示手机网页的效果. ...

网页在切换的时候,网页顶部显示自定义网页名称的方法:

网页在切换的时候,网页顶部显示自定义网页名称的方法:相关推荐

最新文章

热门文章