{
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动态设置路由title内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复