专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

vue中如何动态设置当前页面的网站标题

作者:鹏仔先生日期:2020-06-03浏览:1371分类:JavaScript


    首先我们在 router 下 index.js 注册一个全局指令

vue中如何动态设置当前页面的网站标题

//设置网页标题全局指令
Vue.directive('title', {
    inserted: function(el, binding) {
        document.title = el.innerText
        el.remove()
    }
})

    然后,我们想要修改标题的页面组件中调用刚才注册的指令

vue中如何动态设置当前页面的网站标题

<div v-title>网页标题</div>

    当然多了一个div,但是没什么影响,标题内容,我们可以通过动态绑定,自行在下方将参数舒传入即可。


手机扫码访问

已有1位网友发表了看法:

  • 访客

    访客  评论于 [2021-11-16 10:48:57]  回复

    好用

取消回复欢迎 发表评论:

关灯