在vue中實現(xiàn)給每個頁面頂部設(shè)置title
實現(xiàn)思路很簡單:就是利用路由的導購守衛(wèi)beforeEach在每次頁面跳轉(zhuǎn)前更改對應(yīng)的title
1.首先在route里面給每個路由加上meta屬性

2.在main.js里面加上導航守衛(wèi)
router.beforeEach((to,form,next) => {window.document.title = to.meta.title == undefined?’默認標題’:to.meta.titlenext()})
補充知識:vue element tab標簽頁文本溢出時,鼠標上去 Tooltip文字提示
重點:el-tooltip標簽內(nèi)加slot=“l(fā)abel”
<el-tooltip effect='dark' :content='item.stationName' placement='bottom-start' slot='label'> <span>{{item.stationName}}</span> </el-tooltip>
<div class='left'> <el-tabs tab-position='left' @tab-click='handleClick' > <el-tab-pane v-for='(item,index) in chargingStatusTitle' :key='index'> <el-tooltip effect='dark' :content='item.stationName' placement='bottom-start' slot='label'> <span>{{item.stationName}}</span> </el-tooltip> <div > </div> </el-tab-pane> </el-tabs > </div>

以上這篇在vue中實現(xiàn)給每個頁面頂部設(shè)置title就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. Python基于requests庫爬取網(wǎng)站信息2. vscode運行php報錯php?not?found解決辦法3. Python使用Selenium自動進行百度搜索的實現(xiàn)4. Java commons-httpclient如果實現(xiàn)get及post請求5. 一文帶你徹底理解Java序列化和反序列化6. 微信小程序?qū)崿F(xiàn)商品分類頁過程結(jié)束7. PHP laravel實現(xiàn)導出PDF功能8. JS中6個對象數(shù)組去重的方法9. 資深程序員:給Python軟件開發(fā)測試的25個忠告!10. python中文本字符處理的簡單方法記錄

網(wǎng)公網(wǎng)安備