vue 修改当前网页标题

原创已于 2022-08-05 17:31:59 修改 · 723 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js

收录于

于 2022-06-11 18:54:42 首次发布

vue 同时被 2 个专栏收录

80 篇文章

订阅专栏

项目实战

27 篇文章

订阅专栏

该博客介绍了如何在Vue中自定义指令，通过`inserted`钩子函数监听元素插入，并利用`document.title`动态设置页面标题。内容涉及到Vue组件、自定义指令及其生命周期，适用于前端开发者学习。

<template>
    <div v-title :title="标题名字变量">
    </div>
</template>
// method同级
 directives: {
            title: {
                inserted: function (el) {
                    console.log(el)
                    document.title = el.getAttribute('title') // 页面加载完成之后自动
                }
            }
 },

效果：