浅谈vue2 单页面如何设置网页title
前端框架如Vue、React等都是单页面的应用，也就是说整个web站点其实都是一个index页面，所谓的页面跳转都是替换index.html里边的内容，而页面的title是在每个页面初始化的时候才设置一次。对于现在的前端框架，传统的每个页面设置title标签的做法是不行的。
推荐使用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组件
<router-view v-wechat-title="$route.meta.title"></router-view>
重启试试，可以了
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍如何设置网页背景图片？，包括了如何设置网页背景图片？的使用技巧和注意事项，需要的朋友参考一下 要设置网页的背景图像，请使用CSS样式。在CSS <style>标记下，添加属性background-image。该属性设置诸如jpg，png，svg，gif等的图形。HTML5不支持<body>背景属性，因此CSS用于更改设置的背景图像。 示例 您可以尝试使用以下代码在HTML中设置网页的
-
本文向大家介绍浅谈docker-compose网络设置之networks，包括了浅谈docker-compose网络设置之networks的使用技巧和注意事项，需要的朋友参考一下 networks使用方式之官网教程 官网的docker-compose.yml参考文档：Compose file version 3 reference 较为准确的中文翻译版：Compose file version 3
-
本文向大家介绍浅谈Python爬取网页的编码处理，包括了浅谈Python爬取网页的编码处理的使用技巧和注意事项，需要的朋友参考一下 背景 中秋的时候，一个朋友给我发了一封邮件，说他在爬链家的时候，发现网页返回的代码都是乱码，让我帮他参谋参谋(中秋加班，真是敬业= =！)，其实这个问题我很早就遇到过，之前在爬小说的时候稍微看了一下，不过没当回事，其实这个问题就是对编码的理解不到位导致的。 问题 很普
-
本文向大家介绍浅谈Servlet 实现网页重定向的方法，包括了浅谈Servlet 实现网页重定向的方法的使用技巧和注意事项，需要的朋友参考一下 本文介绍了Servlet 实现重定向的方法，分享给大家，具体如下: HttpServletResponse 服务器响应客户端请求时，就要用到HttpServletResponse接口。设置响应的类型可以使用setContentType()方法。发送字符数据
-
有人知道如何改变页面大小（从字母到A4）为（docx）吗？ 我找不到任何像XSSFDocument（xlsx）中那样的打印设置。 谢谢你的帮助。
-
本文向大家介绍浅谈js中子页面父页面方法 变量相互调用，包括了浅谈js中子页面父页面方法 变量相互调用的使用技巧和注意事项，需要的朋友参考一下 （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 （2）父页面调取子页面 主要是通过contentWindow定位到子页面 以上这篇浅