Vue3-动态设置页面title

1. 需求

从机构列表跳转至机构详情页面时，有一些回显数据，但是该机构的名称不在页面中显示，而是想要在title中显示

2.实现

2.1 安装vue-wechat-title

yarn add vue-wechat-title

2.2 main.js引入

import VueWechatTitle from 'vue-wechat-title';

const app = createApp(App)
app.use(VueWechatTitle)  // 动态设置title的插件

2.3 页面中使用

// 获取线索详情信息
async function getClueItemDetail() {
  clueDetail = await tGet(`marketers/customers/${route.params.cluesId}`)
}

onMounted(() => {
  getClueItemDetail();
})

来源

总结用法，希望可以帮助到你，
我是Ably，你无须超越谁，只要超越昨天的自己就好~