前端框架如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()方法。发送字符数据
我想在网页顶部设置一个渐变色的背景,css可以实现吗? 如图所示 css3可以实现吗?
有人知道如何改变页面大小(从字母到A4)为(docx)吗? 我找不到任何像XSSFDocument(xlsx)中那样的打印设置。 谢谢你的帮助。