1.我的需求如下:
我这个项目需要在公众号中打开H5切换组件 更改组件上面的title
1.也是根据网上的各种方法综合来实现的,先安装一个插件
npm install vue-wechat-title
2.在mian.js 中引入
import vueWechatTitle from "vue-wechat-title";
Vue.use(vueWechatTitle);
3.在app组件中应用
<template>
<div id="app">
<router-view v-wechat-title="$route.meta.title" /> // 这个最主要
</div>
</template>
4.在路由中配置你要显示的标题内容
{
path: "/order",
name: "order",
component: () => import("../views/order.vue"),
meta: { title: "订单确认" } // title 的订单确认就会在公众号上显示出来
},