vue H5怎么修改标题

news/2024/7/10 3:22:08 标签: vue, html

插件:npm install html" title=vue>vue-wechat-title

入口文件引入:

import html" title=vue>vueWechatTitle from 'html" title=vue>vue-wechat-title'
Vue.use(html" title=vue>vueWechatTitle)

路由文件:

{
        path: '/newDynamic', 
        name: 'newDynamic', 
        component:()=> import('@/view/newDynamic/newDynamic.html" title=vue>vue'),
        meta: { title: '标题' }
      }

单页面添加:

在需要修改的页面添加:
<div v-wechat-title="$route.meta.title"></div>

或者在app.html" title=vue>vue文件中:
<router-view v-wechat-title="$route.meta.title"></router-view>

也可以动态的改变title:
<div v-wechat-title="$route.meta.title={data.title}"></div>

参考链接:https://blog.csdn.net/csdn9_14/article/details/98748736


http://www.niftyadmin.cn/n/1184728.html

相关文章

h5 怎么判断安卓,ios,微信浏览器,app环境

1. 判断是否是安卓还是ios var ua window.navigator.userAgent.toLowerCase(); if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//ios环境 } else if (navigator.userAgent.match(/android/i)) {//安卓环境 }2.判断是微信浏览器、app进入的H5、手机自带的浏览器…

前端的数字转化为文字

数字转化为汉字 function convertCurrency(money) {//汉字的数字let cnNums new Array(零, 壹, 贰, 叁, 肆, 伍, 陆, 柒, 捌, 玖);//基本单位let cnIntRadice new Array(, 拾, 佰, 仟);//对应整数部分扩展单位let cnIntUnits new Array(, 万, 亿, 兆);//对应小数部分单位le…

js表格导出功能

文档导出功能–Dome <html><head><p style"font-size: 20px;color: red;">使用table标签方式将json导出xls文件</p><button onclicktableToExcel()>导出</button><input type"file" onchange"upload(0)"…

前后端配合续传

一、首先&#xff0c;为了引入文件对象&#xff0c;需要在H5页面上放置一个file类型的输入标签。 二、写一个简单的获取文件的方法 function fileInfo() { let fileObj document.getElementById(‘file’).files[0]; } 三、当我们获取到选择的文件对象之后&#xff0c;现…

vue兄弟传值:

vue兄弟传值&#xff1a; 假设&#xff1a;A与B为兄弟组件&#xff0c;此刻需要AB组件相互通信 步骤&#xff1a; 1.创建一个js文件&#xff1a; import Vue from Vue; export default new Vue;2.A组件&#xff1a;引入js <script> import bus from ./Vue //引入步骤…

SQL中limit的用法详解

limit子句用于限制查询结果返回的数量 用法&#xff1a; MySQL中这样用 【select * from limit tableName limit i,n 】参数&#xff1a; tableName : 为数据表&#xff1b; i : 为查询结果的索引值&#xff08;默认从0开始&#xff09;&#xff1b; n : 为查询结果返回的数…

IDEA的debug详细教程,转文

原文链接&#xff1a;http://www.yxlzone.top/show_blog_details_by_id?id2bf6fd4688e44a7eb560f8db233ef5f7 本文转自上述链接&#xff0c;怕忘记&#xff0c;所以写成博客发表&#xff01; 在现在的开发中&#xff0c;我们经常采用Debug来追踪代码的运行流程&#xff0c;通…

java报nested exception is org.apache.ibatis.binding.BindingException: Parameter 'XXX' not found错误解决方法

在写一个分页功能的时候用到了mybatis插件&#xff0c;当传入参数的时候报如下错误&#xff0c;折腾了很久&#xff0c;也没有发现错误&#xff0c;代码层找人看了也没有任何问题&#xff0c;现在已解决&#xff0c;记录经过以备忘 org.mybatis.spring.MyBatisSystemException…