资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/vue2 单页面如何设置网页title

vue2 单页面如何设置网页title

ormsf / 1830人阅读

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

</>复制代码 
  1. 推荐使用vue-wechat-title插件

下载安装插件依赖

</>复制代码 
  1. npm install vue-wechat-title --save

在main.js中引入插件

</>复制代码 
  1. import VueWechatTitle from "vue-wechat-title"
  2. Vue.use(VueWechatTitle)

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

</>复制代码 
  1.  routes: [{
  2.     path: "/",
  3.     name: "index",
  4.     component: index,
  5.     meta:{
  6.         title:"首页"  // 标题设置在这里
  7.     }
  8.   },{
  9.     path:"/detail",
  10.     name:"detail",
  11.     component:detail,
  12.     meta:{
  13.         title:"详情页" // 标题设置在这里
  14.     }
  15.   }]

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

</>复制代码

重启试试，可以了

云服务器 GPU云服务器 网页title标题 设置title 如何给网页设置cdn 单页面

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

转载请注明本文地址：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元查看
<