动态修改Vue项目中的页面title

需求:修改框中的信息

动态修改Vue项目中的页面title

一、在main.js中:

// 设置浏览器标题
vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

二、在某个页面最大的div上:

动态修改Vue项目中的页面title


加上以下代码:

v-title data-title="测试title"

效果:

动态修改Vue项目中的页面title

最简洁方法:

动态修改Vue项目中的页面title
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:共享博客 » 动态修改Vue项目中的页面title

分享到: 更多 (0)
avatar

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活