Vue动态设置路由title

{
path: ‘/videoCover’,
component: () =>
import (’./view/videoCover.vue’),

    meta: {title: ''},
},

需求：有一个视频封面图是用接口获取来的，根据type类型展示不同的视频封面。
接口传参：type: “1”
实现：不同类型的视频页面展示的title不同，需要动态设置meta里的title。
方法：
1、 import Meta from ‘vue-meta’;
Vue.use(Meta);
2、 metaInfo() {
let title = ‘’;
if (this.type == 1 || this.type == 2) {
title = ‘商户端’;
} else {
title = ‘代理端’;
}
return {
title: title, // set a title
htmlAttrs: {
lang: ‘zh’,
amp: undefined, // “amp” has no value
},
};
},

Vue动态设置路由title相关推荐

Vue 动态设置路由Meta title 名称
路由配置 import ('@/views/accountManagement/editMain'), beforeEnter: (to, from, next) => {if (to.quer ...
vue 动态设置页面title
在这里我们介绍3种方法 1.通过自定义指令去修改(单个修改比较好) 1.在main.js 页面里添加自定义指令// Vue.directive('title', {//单个修改标题inserted: ...
vue动态设置页面title
一.项目场景: 新建一个vue项目,默认的页面title是这样的: 那如何做成这种如CSDN一样动态的呢? 分析:这个title分为两部分:"写文章"+"CSDN博客&q ...
vue动态设置路由重定向
需求为:项目分为业务系统和后台管理系统,重定向路由'/' 在业务系统显示为homepage,在后台管理系统首页显示为 dashboard: 实现在router.js: import Vue fro ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
vue动态添加路由之避坑指南
你是否遇到了: addRouter后出现白屏路由守卫出现死循环踩了很多坑之后,我终于悟到了vue动态添加路由的正确打开方式: 为了设计权限,在前端我们通常采取两种方式 1.在用户登录时获取该用户权 ...
vue 动态修改路由参数
转载自 vue 动态修改路由参数 import merge from 'webpack-merge':修改原有参数 this.$router.push({query:merge(this.$rout ...
[vue] 怎么解决vue动态设置img的src不生效的问题
[vue] 怎么解决vue动态设置img的src不生效的问题不是应该 require('@/assets/images/xxx.png') 这样吗??你这样多浪费资源啊 @chenqim 个人简介 ...
Vue动态设置Style属性
Vue动态设置Style属性_fuzhongbin的博客-CSDN博客_vue 动态style :style="{ color:domain.groups == 1? '#ccc': dom ...

Vue动态设置路由title

Vue动态设置路由title相关推荐

最新文章

热门文章