资讯专栏INFORMATION COLUMN

vue2 单页面如何设置网页title

ormsf / 1693人阅读

摘要:推荐使用插件下载安装插件依赖在中引入插件在路由文件中给每个路由添加首页标题设置在这里详情页标题设置在这里在中修改组件重启试试,可以了

推荐使用vue-wechat-title插件

下载安装插件依赖

npm install vue-wechat-title --save

在main.js中引入插件

import VueWechatTitle from "vue-wechat-title"
Vue.use(VueWechatTitle)

在路由文件 index.js中给每个路由添加title

 routes: [{
    path: "/",
    name: "index",
    component: index,
    meta:{
        title:"首页"  // 标题设置在这里
    }
  },{
    path:"/detail",
    name:"detail",
    component:detail,
    meta:{
        title:"详情页" // 标题设置在这里
    }
  }]

在app.vue中修改router-view组件

重启试试,可以了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89614.html

相关文章

  • vue页面应用中动态修改title

    摘要:适用于微信各大浏览器首先执行命令用法之后在全局入口处,引入然后在路由中首页活动项目服务空间发现我的之后在各个组建中随便一个标签中都可写入想要动态的改变值,可以这样写 vue-weachat-title ====================================== 适用于 1.微信 2.webview 3.各大浏览器 -------- demo: http://www....

    evin2016 评论0 收藏0
  • 关于Vue2一些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    sutaking 评论0 收藏0

发表评论

0条评论

ormsf

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<