vue修改title

我们在写项目的时候经常会遇到进入一个页面需要改一个页面标题的问题

js老方法
document.title = 'title'
指令方法

export default {
  inserted: function (el, binding) {
    const { value } = binding
    if (el.dataset.title) { // 方式1，可以给标签的data-title的属性赋值
      document.title = el.dataset.title
    } else if (value && value.title) { // 方式2，指令传参
      document.title = value.title
    }
  },
  update (el, binding, vnode, oldVnode) {
    const { value } = binding
    if (el.dataset.title) {
      document.title = el.dataset.title
    } else if (value && value.title) {
      document.title = value.title
    }
  }
}

使用方法

<router-view v-wechat-title='$route.meta.title'></router-view>

赏

×

写着玩做笔记

小编不易来个几毛也是钱

打开支付宝扫一扫，即可进行扫码打赏哦