美文网首页WEB前端笔记本
vue项目如何添加改变浏览器标签title的标题

vue项目如何添加改变浏览器标签title的标题

作者: 蜗牛和曼巴 | 来源:发表于2020-03-03 15:17 被阅读0次

    第一步:在main.js文件里添加

    // 设置浏览器标题
    Vue.directive('title', {
      inserted: function (el, binding) {
        document.title = el.dataset.title
      }
    })
    

    第二步:在组件任意一位置添加

    <template>
        <div class="main" v-title data-title="登录">
        </div>
    

    相关文章

      网友评论

        本文标题:vue项目如何添加改变浏览器标签title的标题

        本文链接:https://www.haomeiwen.com/subject/xphhlhtx.html