vue2.0 网页标题更新实现思路

一、注册全局指令

1.注册一个全局指令

Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.innerText
    el.remove()
  }
})

2.在需要更改页面标题的组件内调用我们刚注册的指令

<div v-title>标题内容</div>

二、直接使用document.title

      

参考:https://segmentfault.com/a/1190000007387556

原文地址:https://www.cnblogs.com/guoxianglei/p/7120621.html