vue 修改当前网页标题

Posted 仲夏你的梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 修改当前网页标题相关的知识,希望对你有一定的参考价值。

<template>
    <div v-title :title="this.$route.query.name">
    </div>
</template>

// 自定义指令与method同级
directives: 
   title: 
        inserted: function (el) 
            console.log(el)
            document.title = el.getAttribute('title') // 页面加载完成之后自动
        
   
,

效果:

 

以上是关于vue 修改当前网页标题的主要内容,如果未能解决你的问题,请参考以下文章

Vue 修改网页标题和图标

小白入门之前端网页技术 Vue进阶

vue动态修改微信h5网页标题title

vue动态修改微信h5网页标题title

vue动态修改微信h5网页标题title

vue动态修改header标题