router > index.js main.js router. beforeEach(( to, from, next) => { /* 路由發生變化修改頁面title ...
favicon是網站的小圖標,title分為主副兩個標題 由於favicon和title都是全局的設置,且一次性設置后,除了副標題,其他的都是不需要變動的,所以,在vuex的action獲取了一次以后,就不需要重復設置。 設置favicon 設置主副標題: 思路主標題是在store的action后,副標題是在每一個routes里設置meta的subtitle,然后在router.afterEach ...
2021-06-12 14:11 0 169 推薦指數:
router > index.js main.js router. beforeEach(( to, from, next) => { /* 路由發生變化修改頁面title ...
main.js里面加如下代碼: router.beforeEach((to, from, next) => { window.document.title = to.meta.title ...
最近寫公司項目時,動態更新favicon 動態更新之前需要有一個默認的favicon。 目前vue-cli搭建的vue項目里面已經有了一個static文件夾,存放靜態文件。 favicon圖片放到該文件夾下。 然后再index.html中添加: 然后刷新 ...
動態設置div的background是因為想着以后可以方便更改嘛,那么怎么設置呢? 不多說廢話了,直接上答案 下圖給這個div設置了背景圖片 這個IndexImgUrl是設置在data里的,不過也是有講究的 請注意圖片是放在static目錄下,而不是asserts目錄 ...
...
下載tff格式的字體 assets中新建文件夾fonts,把tff字體文件放在fonts,並在assets/css中新建font.css 在mian.js中引用font.css 在需要使用的地方設置新字體樣式就可以了 ...
第一種方法 在mian.js中引入 //設置title ...
router/index.js const router = new Router({ mode: 'history', routes: [ { path: '/index', name: 'index', component: Index, meta:{ // 頁面標題title title ...