免费个人博客模板-专注前端行业与圈内动态-分享最具价值内容

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

发布:鹏仔先生2019-3-5 11:31分类: JavaScript 标签: vue 大前端

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

共享博客

//设置网页标题全局指令
Vue.directive('title', {
    inserted: function(el, binding) {
        document.title = el.innerText
        el.remove()
    }
})
    然后,我们想要修改标题的页面组件中调用刚才注册的指令


共享博客

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


温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

赞赏

关闭

原创不易,感谢支持!

支付宝打赏

微信打赏

扫码打赏,建议金额1-10元
提醒:打赏金额将直接进入对方账号,无法退款,请您谨慎操作。
Powered By 鹏仔先生

已有 0/326 人参与

微信扫码关注鹏仔哥微信