这篇文章主要介绍了在vue中实现给每个页面顶部设置title,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
实现思路很简单:就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title
1.首先在route里面给每个路由加上meta属性
2.在main本文来源gaodai$ma#com搞$代*码*网.js里面加上导航守卫
router.beforeEach((to,form,next) => { window.document.title = to.meta.title == undefined?'默认标题':to.meta.title next() })
补充知识:vue element tab标签页文本溢出时,鼠标上去 Tooltip文字提示
重点:el-tooltip标签内加slot=“label”
<span>{{item.stationName}}</span>
<div class="left"> <span>{{item.stationName}}</span><div class="content"> </div></div>
以上就是在vue中实现给每个页面顶部设置title的详细内容,更多请关注gaodaima搞代码网其它相关文章!