Vue3-动态设置页面title
1. 需求从机构列表跳转至机构详情页面时,有一些回显数据,但是该机构的名称不在页面中显示,而是想要在title中显示2.实现2.1 安装vue-wechat-titleyarn add vue-wechat-title2.2 main.js引入import VueWechatTitle from 'vue-wechat-title';const app = createApp(App)app.us
·
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 页面中使用
<div class="cluesDetail" v-wechat-title="clueDetail?.name">
</div>
// 获取线索详情信息
async function getClueItemDetail() {
clueDetail = await tGet(`marketers/customers/${route.params.cluesId}`)
}
onMounted(() => {
getClueItemDetail();
})
总结用法,希望可以帮助到你,
我是Ably,你无须超越谁,只要超越昨天的自己就好~
更多推荐
已为社区贡献11条内容
所有评论(0)