美文网首页
自定义标签页名称(meta)

自定义标签页名称(meta)

作者: 钢铁萝莉猫 | 来源:发表于2020-07-15 09:44 被阅读0次

【组件导航守卫】
//用于一进入页面就改变标签名的情况

beforeRouteEnter(to, from, next) {
        next(vm => { // 通过 `vm` 访问组件实例
            let name = vm.$route.query.name //name是我通过路由传到这个页面的
            name ? (document.title = `${to.meta.title} - ${name}`) : (document.title = `${to.meta.title}`)
        })
        next()
    },

//======================================
//用于嵌套路由,tab切换时同时切换路由需要改变标签名的情况

beforeRouteUpdate(to, from, next) {
        if (this.selectFundToAnalyze.name) {
            document.title = `${this.selectFundToAnalyze.name} - ${to.meta.title}`
        }
        next()
    },

相关文章

  • 自定义标签页名称(meta)

    【组件导航守卫】//用于一进入页面就改变标签名的情况 //============================...

  • meta标签

    meta标签 定义和用法 meta标签的属性 必需属性 可选属性 name属性:提供了名称/值对中的名称。通常情况...

  • # H5项目常见问题及注意事项

    Meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 空白页基本meta标签 其他meta标签 常...

  • 移动端重构

    目录:1.新建空白页 meta标签相关2.整体布局 1.新建空白页 meta标签相关 上面的代码依次表示设置视口宽...

  • 无线web 开发经验(2)—— HTML

    meta标签 meta标签,这些meta标签在开发webapp时起到非常重要的作用 第一个meta标签表示:强制让...

  • head标签内的meta标签

    head标签内的meta标签: meta标签又叫“元信息标签”,是head标签内的一个辅助性标签。meta标签内的...

  • meta标签大全

    关于meta标签 meta标签相关runoob.com参考博客 HTML DOM Meta对象 Meta 对象代表...

  • 14.自定义标签库开发(我的JavaEE笔记)

    一、 自定义标签简介 自定义标签主要用于移除jsp页面中的java代码。工程(tag) 使用自定义标签移除jsp页...

  • 测试

    目的: 为看板项目中的任务增加标签功能 规则: 5种固定颜色标签 用户可以自定义标签名称,标签名称可以为空。 标签...

  • 笔试题整理(十一)

    茁壮网络 一、meta标签、command标签 meta标签提供与页面有关的元信息(meta-informatio...

网友评论

      本文标题:自定义标签页名称(meta)

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