vue 在h5上修改标题 title

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 的订单确认就会在公众号上显示出来
  },

来源：CSDN

作者：ジ Jing

链接：https://blog.csdn.net/weixin_43983711/article/details/103627900