Vue中动态设置页面title

前言

更多内容，请访问我的个人博客。

安装依赖

npm install vue-wechat-title --save
复制代码

在mian.js中引入

//设置title
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
复制代码

在router的index.js的路由中加上参数

 {path: '/login',component: Login,meta: {title: '登录'}}
复制代码

转载于:https://juejin.im/post/5c81c7536fb9a049ff4eead7

Vue中动态设置页面title相关推荐

vue中动态设置背景渐变色
vue中动态设置背景渐变色 1.效果展示 2.核心(动态更换单一的背景颜色也可以使用) <div class="ss" v-bind:style="{ backgr ...
vue 动态设置页面title
在这里我们介绍3种方法 1.通过自定义指令去修改(单个修改比较好) 1.在main.js 页面里添加自定义指令// Vue.directive('title', {//单个修改标题inserted: ...
vue动态设置页面title
一.项目场景: 新建一个vue项目,默认的页面title是这样的: 那如何做成这种如CSDN一样动态的呢? 分析:这个title分为两部分:"写文章"+"CSDN博客&q ...
vue中动态设置style样式和使用filters过滤器设置样式
例如:想给图片增加高度和宽度 <el-image :class="classRotation"v-if="imageData.src !== undefined&q ...
vue uniapp 动态设置页面背景图
在uniapp中的背景图需要动态变换一般结合后台返回数据渲染很简单但是每次都记不住自己写写加深印象这里是简单的html 代码 <view class="loginBg&quo ...
Vue中动态设置img的src不生效的原因
因为动态添加src被当做静态资源处理了,没有进行编译,所以要加上require. <template><img class="logo" :src="l ...
vue修改meta值_vue中动态设置meta标签和title标签的方法
vue中动态设置meta标签和title标签的方法因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 ...
vue中动态引入图片为什么要是require，你不知道的那些事
相信用过vue的小伙伴,肯定被面试官问过这样一个问题:在vue中动态的引入图片为什么要使用require 有些小伙伴,可能会轻蔑一笑:呵,就这,因为动态添加src被当做静态资源处理了,没有进行编译,所 ...
[微信小程序] 动态设置页面标题、导航条 navigationBarTitleText
前言 navigationBarTitleText用于小程序设置当前页面标题,可以给每个页面设置独立的标题,但是这样不能满足一些特殊业务场景:比如说商城,商品详情页面的标题,会根据获取到的数据动态修改 ...

Vue中动态设置页面title

前言

Vue中动态设置页面title相关推荐

最新文章

热门文章