微信H5中动态设置标题（vue-wechat-title）

1、安装包 vue-wechat-title

npm install vue-wechat-title --save

2、在 main.js 中引入

== 两种引入方法

// 第一种
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)// 第二种
Vue.use(require('vue-wechat-title'))

3、在路由中的 meta 中添加 title 属性记录标题的名字

{path: '/Health_platform',name: 'Health_platform',component: () =>import ('../views/article/Health_platform.vue'),meta: {title: '健康管理平台',keepAlive: true,},
},
{ path: '/new_login',name: 'new_login',component: () =>import ('../views/new_user/new_login.vue'),meta: {title: '登录',keepAlive: true},
},

4、在 vue 文件中使用

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

微信H5中动态设置标题（vue-wechat-title）相关推荐

vue修改meta值_vue中动态设置meta标签和title标签的方法
vue中动态设置meta标签和title标签的方法因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 ...
[微信小程序] 动态设置页面标题、导航条 navigationBarTitleText
前言 navigationBarTitleText用于小程序设置当前页面标题,可以给每个页面设置独立的标题,但是这样不能满足一些特殊业务场景:比如说商城,商品详情页面的标题,会根据获取到的数据动态修改 ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
vue中动态设置背景渐变色
vue中动态设置背景渐变色 1.效果展示 2.核心(动态更换单一的背景颜色也可以使用) <div class="ss" v-bind:style="{ backgr ...
微信小程序动态设置tab-bar
微信小程序动态设置tab-bar(自定义) 配置自定义tab-bar的方法这里省略,可以参考官方文档动态设置tab-bar 需求:根据权限判断底部tab-bar显示内容例如普通用户这里不显示赛事t ...
Quartz在Spring中动态设置cronExpression
什么是动态定时任务:是由客户制定生成的,服务端只知道该去执行什么任务,但任务的定时是不确定的(是由客户制定). 这样总不能修改配置文件每定制个定时任务就增加一个trigger吧,即便允许客户修改配置文 ...
Quartz在Spring中动态设置cronExpression （spring设置动态定时任务）
2019独角兽企业重金招聘Python工程师标准>>> 什么是动态定时任务:是由客户制定生成的,服务端只知道该去执行什么任务,但任务的定时是不确定的(是由客户制定). 这样总不能修改 ...
office2013中word设置标题自动编号
摘要:word中标题不会自行编号,特别是涉及到H1.H2.H3等这种多级标题,如果修改一个父级标题,造成需要很长时间才能手动修改完成子标题编号.参照列表的模式,自行生成序号,则解决此问题. 一.设置w ...
代码中动态设置view或布局的宽高
有时我们需要在应用中动态改变图片或某一块布局的大小.这就不能用XML文件写成固定值,而需要在java代码中动态设置.效果如下: 网上有一些教程使用relativeView.setLayoutParam ...

微信H5中动态设置标题（vue-wechat-title）

微信H5中动态设置标题（vue-wechat-title）相关推荐

最新文章

热门文章