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 ...