①首先安装环境依赖

npm i vue-wechat-title

②在全局配置中引入vue-wechat-title

import VueWechatTitle from 'vue-wechat-title'
createApp(App).use(store).use(router).use(VueWechatTitle).mount('#app')

③在router中添加一个meta.title属性

④在App.vue添加v-wechat-title属性

<div v-wechat-title="$route.meta.title"><router-view/>
</div>

最后，修改成功

关于Vue3.0修改title的内容相关推荐

vue3.0修改浏览器title
静态修改: vue 在public 文件夹中有一个index.html,直接修改title中的值即可.这是最low的方法. 当然你的项目如果是使用webpack或者是vue-cli创建出来的项目,那么 ...
解决 Vue3.0 globalThis is note defined
问题引发原因: 浏览器不支持 es2020 以下兼容性表解决方式: 0.0 其实吧,老兄,别折腾了,赶紧升级浏览器吧升级浏览器版本以支持 es2020 临时方案在index.html head ...
vue3.0中使用Element-plus默认英文组件修改为中文
vue3.0中使用Element-plus默认英文组件修改为中文修改方法说明:本方法Element-plus 1.0.2-beta.59 之前的版本可以,1.0.2-beta.59之后版本请看下一篇 ...
【Vue3.0 + Element-plus】el-tree树状结构节点前箭头样式修改
Vue2和Vue3 的修改方法略有不同 .el-tree .el-icon svg{ //原有的箭头去掉display: none !important;height: 0;width: 0; } ...
Vue3.0笔记（B站天禹老师）
Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多.2600+次提交.30+个RFC.600+次PR.99位贡献者 g ...
Node+Vue3.0+Mongodb实现完美解决高并发的购物平台管理系统
文章目录前言一.使用Node+Express创建服务,利用EXpress路由进行模块划分? 1.引入Express搭建服务 2.利用路由进行后端模块划分二.连接数据库 1.引入mongoose插 ...
vue3.0+ts+element-plus多页签应用模板：侧边导航菜单（上）
目录系列文章一.先说点什么二.从问题开始,侧边栏是干啥的? 三.封装组件之思路分析四.封装菜单部分 1. MenuItem 2. ModuleMenu 系列文章 vue3.0+ts+eleme ...
【Vue学习笔记】尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通
尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通 1.Vue核心部分 1.1 Vue简介 1.1.1 Vue是什么? Vue是一套用于构建用户界面的渐进式JavaScript框架. ...
vue3.0实现标签云（或词云）
效果图一.使用Echarts 和echarts-wordcloud 插件这里是我使用插件的版本 "echarts": "^5.2.2", "ech ...

关于Vue3.0修改title的内容

①首先安装环境依赖

②在全局配置中引入vue-wechat-title

③在router中添加一个meta.title属性

④在App.vue添加v-wechat-title属性

最后，修改成功

关于Vue3.0修改title的内容相关推荐

最新文章

热门文章