main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. im
转载
2021-07-09 14:32:00
154阅读
router.beforeEach(({ to, from, next }) => { document.title = to.meta.title || 'XXX.COM'})
原创
2021-07-12 10:20:21
1107阅读
router.beforeEach(({ to, from, next }) => { document.title = to.meta.title || 'XXX.COM'})
原创
2022-02-28 18:01:42
740阅读
1.效果2.所有代码<template> <div class="now-time"> <div class="timebox"
原创
2023-01-03 15:03:22
314阅读
现在越来越多的网站支持主题切换，我们的也要！在这，我们要实现两个例子，主题切换与夜间模式！主题切换：夜间模式：1、准备工作，初始化一个简单的vite项目 安装 ant-design-vue和lessyarn add ant-design-vue@next
yarn add less --save因为ant-design-vue是使用less开发的，所以既然用了它，咱最好还是用和它一致的less。
Vue 修改网页标题和图标 by:授客 QQ：1033553122 开发环境 Win 10 Vue 2.5.2 需求描述 如下，想更改网页的标题和图标 解决方法 编辑项目根目录下的index.html，如下： 更改标题： 修改<title>元素内容即可 修改图标： 把要修改的图片放static目录下
原创
2021-06-01 10:44:24
2274阅读
<template> <div class="top"> <div class="top_div"> <div style="background-color:coral;"> <img style="width: 50px;height: 50px" src="../assets/logo.png"&g...
原创
2021-04-22 20:06:22
269阅读
我需要动态改变每一个页面的标题，包括类似新闻详情页，商品详情页等 1、首先再main.js里面进行全局配置 router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.titl ...
转载
2021-08-20 17:43:00
516阅读
2评论
直接贴 门户项目代码 // 全局router 直接挂载路由导航守卫 router.beforeEach((to, from, next) => { if (to.meta.title) { var title = to.path.startsWith("/news") ? to.meta.metas ...
转载
2021-08-12 14:54:00
293阅读
2评论
vue脚手架虽然好用，但是文件配置问题一直很头疼。将原生的代码用vue框架来做
原创
2022-09-08 15:37:02
106阅读
1 安装npm install vue-wechat-title --save 或 npm install vue-wechat-title -S2使用，在main.js中引用插件import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)3在路由router文件 index.js 中给每个路由添加 titleexport default new Router({ routes: [ {..
原创
2021-11-29 16:34:34
824阅读
前言：在项目需求中，有时会有需要菜单标题标记的需求，用以提醒作用，下面介绍一款常见的vue中layout实现方式。实现效果图：Vue前端：1、向后端获取数据js,返回都是int类型，命名为seal.jsimport request from '@/utils/request'// 查询快到期数量export function searchSealApply(query) { retur
Vue项目中有时候需要修改页面标题title①如果需要动态设置页面的title，可以直接使用document.title；②可以使用router的beforeEach去统一设置，这种方法使用每个页面都是固定的标题，在进入路由就赋值标题，进入路由后就不修改了方法一使用document.title动态修改页面标题1、在index.js中设置document.title//设置游览器标题Vue.directive({ inserted: function(el,bindin
原创
2020-10-30 10:10:24
3421阅读
vue在路由的before方法里面添加带有国际化的标题头util.title(i18n.t(''));
原创
2023-05-11 11:09:12
76阅读
this.chart.setOption({
grid: {
left: 10,
right: 10,
bottom: 10,
top: 10,
containLabel: true,
},
})this.chart.setOption({
grid: {
left: 10,
r
原创
2023-05-10 10:09:27
930阅读
Vue项目中有时候需要修改页面标题title①如果需要动态设置页面的title，可以直接使用document.title；②可以使用router的beforeEach去统一设置，这种方法使用每个页面都是固定的标题，在进入路由就赋值标题，进入路由后就不修改了方法
原创
2020-10-30 10:10:24
1811阅读
<template> <div class="top"> <div class="top_div"> <div style="background-color:coral;"> <img style="width: 50px;height: 50px" src="../assets/logo.png"&g...
原创
2021-04-22 20:06:03
327阅读
前端面试秘籍：https://github.com/yisainan/web-interview 欢迎star1.如果执行一次，在main.js中写；2.如果根据路由动态改变，在路由拦截router.beforeEach((to, from, next) => {}中写；
原创
2022-02-11 17:28:49
228阅读
前端面试秘籍：https://github.com/yisainan/web-interview 欢迎star
1.如果执行一次，在main.js中写；
2.如果根据路由动态改变，在路由拦截
router.beforeEach((to, from, next) => {}中写；
代码：
document.title = 接口获取的title || '默认title'
document.
原创
2021-08-02 14:54:39
1158阅读
1，在vscode终端下载安装vue-wechat-title: npm install vue-wechat-title 2，在main.js全局引入 import vueWechatTitle from 'vue-wechat-title' Vue.use(vueWechatTitle) 3，在 ...
转载
2021-09-03 09:54:00
427阅读
2评论
