美文网首页
Vue 动态设置网站浏览器标题

Vue 动态设置网站浏览器标题

作者: 代码界的小学生 | 来源:发表于2018-11-09 17:04 被阅读0次
Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

const routes = [
  { path: '/a', component: { template: '<div v-title data-title="标题内容aaa">内容aaaa</div>' } },
  { path: '/b', component: { template: '<div v-title data-title="标题内容bbb">内容bbbb</div>' } }
]

const router = new VueRouter({
  routes
})

new Vue({
    router,
  el: '#app'
})

相关文章

网友评论

      本文标题:Vue 动态设置网站浏览器标题

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