1. 安装vue-wechat-title:
npm install vue-wechat-title
2. 在mian.js 中引入:
3. 在路由中配置meta
4. 修改title
在需要修改的页面添加:
<div v-wechat-title="$route.meta.title"></div>
或者在app.vue文件中:
<router-view v-wechat-title="$route.meta.title"></router-view>
也可以动态的改变title:
<div v-wechat-title="$route.meta.title={data.title}"></div>
相关推荐
主要介绍了Vue项目添加动态浏览器头部title的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
vue移动端input上传视频、音频,供大家参考,具体内容如下 html部分 <div class=title>现场视频 <video id=videoId controls width=100%></video> <input style=display:none; id=pop_video ...
因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 { path: '/teachers', name: 'TDetail', component: TDetail, meta: ...
本文实例为大家分享了vue移动端左右滑动事件,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> [removed][removed] <...
h5页面唤起app如果没安装就跳转下载(iOS和Android) 浏览器和app没有通信协议,所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app,若不能唤起,引导用户去下载我们的app。 微信里屏蔽了 schema 协议,...
本文实例为大家分享了vue.js实现h5机器人聊天的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=...
vue实现手机通讯录功能,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <title>动态加载组件</title> <meta charset=utf-8> <meta name=viewport content=width...
title: "推荐商品", goods: [ { id: 0, img: './images/goods.png', name: '散称樱桃1', price: '10.00', num: 0 }, { id: 1, img: './images/goods.png', name: '散称樱桃1', price: '10
title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: '', // 分享图标 type: '', // 分享类型,music、video或link,不填...
title>手机横、竖屏事件</title> [removed] //屏幕方向标识,0横屏,其他值竖屏 var orientation=0; //转屏事件,内部功能可以自定义 function screenOrientationEvent(){ if(orientation == 0)document....
纯H5直播流播放器 打开播放器 /player.md 2 auto title details 无插件 基于ASM.js/WebAssembly(wasm)实现的纯JavaScript直播播放器 title details 低延时 能够在 PC\Android\iOS 浏览器Webview 内实现2秒以内低延迟...
如上图,如果不做相关处理,页面进行二次分享,用户看到的就是链接+空图,上面显示的文案(考拉阅读)实际上是获取的title标签中的文案,我在网上查的相关例子有说明,图片如果不设置,将会自动获取浏览器渲染的第...
最近兴趣所致,打算使用vant搭建一个webapp,由于需要使用列表筛选,没有找到合适组件,于是写了一个简单的功能,权当记录。... <div class=filterbar-title> <ul class=title-ul> (item, key=index >
项目说明:本工程项目适用于嵌入移动端App中的H5页面,具有简单、一次性(基本无迭代)、可共用一套webpack配置进行编译打包的特点,每次开发新项目页面时,在src目录下创建新项目目录,每个新建的项目都有自己单独的...
此段js代码完美解决 ; (function () { try { isIOS = !!navigator.userAgent.match... // window.history.pushState({}, title, #); document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
mobile-select移动端选择组件,...[removed][removed][removed][removed]使用var select = new MobileSelect({ title: '请选择', data: function () { var num = 3; function deep() { var index = arguments[0] || 0,
背景 ####组件PopupTime.vue 把vant官网的popup+时间选择器抽成组件: popup1show: true 即弹窗显示 <van-datetime-picker show-toolbar :title=popupTitle.popupName v-model=