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.u(VueWechatTitle) // 动态设置title的插件
2.3 页⾯中使⽤
<div class="cluesDetail" v-wechat-title="clueDetail?.name">
</div>
// 获取线索详情信息
async function getClueItemDetail() {
clueDetail = await tGet(`marketers/customers/${route.params.cluesId}`)
}
onMounted(() => {
getClueItemDetail();
})
总结⽤法,希望可以帮助到你,
我是Ably,你⽆须超越谁,只要超越昨天的⾃⼰就好~