vue设置网页title |
您所在的位置:网站首页 › frontpage2003怎么设置网页标题 › vue设置网页title |
最近用vue来做一个项目,到结尾的时候发现一个问题:不管开的是哪个组件的路由地址,网页的title都是index.html里面的title。下面总结一下解决的办法: 原先我使用的是document.title =to.meta.title来改变网页标题。大家都知道使用Vue框架开发的应用是个单页面应用,里面用到的是路由的形式,并不像多页应用开发那样(下面附带区别)。所以想让网页的标题随着路由的改变而改变可以使用下面这个方法,目前已解决。 如果页面跳转时要通过传参数去选择显示的子组件的话,这个方法实现不了, 我需要通过是否传tab=3去实现跳转的时候显示的是个人中心tab还是我的学习tab。这样title就不会变 在vue2中还可以使用vue-wechat-title插件来解决页面title的问题 第一步:在项目根目录下打开命令行通过npm install vue-wechat-title --save来安装插件,像下面这样就安装成功了 第三步:在 main.js 中引入并使用插件就可以了 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |