Vue-router2.0设置页面的title

算法溯光者
• 阅读 5186

今天在用vue2.0+vue-router2.0写SPA的时候,遇到一个功能:在跳到一个文章详情页的时候,此时页面的title要是文章的title,并且这个文章的title是异步获取的
在vue-router1.0的时候,还可以在router配置各个路由的时候给每个路由加上title属性,就可以改变各个页面的title了,不过到2.0的时候,,这个属性好像并不起作用了。所以必须另外想办法了
后来发现可以使用vue里面的指令来解决:

Vue-router2.0设置页面的title

具体使用:

Vue-router2.0设置页面的title

如上所述,因为noteDetailData.title是异步获取的,,所以指令里面使用的是update,
此外,由于其他页面还是需要原来的title,所以,离开这个页面的时候,要在指令中的unbind解除元素的绑定

点赞
收藏
评论区
推荐文章
美凌格栋栋酱 美凌格栋栋酱
6个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
编程范儿 编程范儿
3年前
Vue刷新页面有哪几种方式
在Vue项目中,刷新当前页除了window.reload(),你还能想到什么办法?而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。在某个详情页面的时候,我们经常需要通过路由中的详情id去获取内容,当我们在不同的详情页来回切换的时候,打开的页面是同一个,只是需要通过监听路由中的参数id的变化去重新请求详情接口。如果这个详情页只需要一个接口
虾米大王 虾米大王
3年前
java代码047
code047.javapackagepack01;//������publicclasscode047privateStringtitle;//���ű���privateStringcontent;//��������publicStringgetTitle()returnthis.title;public
Wesley13 Wesley13
3年前
PHP 调用qq邮箱接口
html代码<!DOCTYPEhtml<html<head<metacharset"UTF8"<title</title<scriptsrc"https://code.jquery.com/jquery1.9.1.min.js"</script
Wesley13 Wesley13
3年前
Java爬虫之JSoup使用教程
title:Java爬虫之JSoup使用教程date:201812248:00:000800update:201812248:00:000800author:mecover:https://imgblog.csdnimg.cn/20181224144920712(https://www.oschin
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Stella981 Stella981
3年前
MongoEngine文档 新手教程 Document实例
Document实例创建一个新的document对象,创建一个相关document类的实例,可以在字段的构造器中赋值。你可以在任何document里面的字段设置值;\python\ 1.\ page  Page(title"Test Page")2.\ page.title3
Stella981 Stella981
3年前
PowerDesigner列名、注释内容互换
在用PowerDesigner时,常常在NAME或Comment中写中文在Code中写英文,Name只会显示给我们看,Code会使用在代码中,但Comment中的文字会保存到数据库TABLE的Description中,有时候我们写好了Name再写一次Comment很麻烦,以下两段代码就可以解决这个问题。在PowerDesigner中PowerDesig
飞鹅官方账号 飞鹅官方账号
11个月前
五、飞鹅官网API接口文档
接口列表1.获取网站信息请求方法:GET请求URL:/api/site/getSiteInfo请求参数无返回结果json"code":1,"data":"id":1,//id"title":"SampleSiteName",//网站名称"intro":"T