首页 > 技术文章 > vue2.0 网页标题更新实现思路

guoxianglei 2017-07-05 12:27 原文

一、注册全局指令

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

推荐阅读