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

posted @ 2017-07-05 12:27  郭磊—lily  阅读(808)  评论(1编辑  收藏  举报