文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php教程>vuejs怎么动态改变title

vuejs怎么动态改变title

时间:2021-10-14  来源:互联网

今天PHP爱好者为您带来动态改变title的方法:1、在“main.js”中使用“document.title=el.dataset.title”配置浏览器标题;2、在页面的标签中,添加“v-title data-title="title值"”代码即可动态改变。希望对大家有所帮助。

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

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

在main.js中:

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

在某个页面最大的p上:

1.png

加上以下代码:

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

效果:

2.png

以上就是vuejs怎么动态改变title的详细内容,更多请关注php爱好者其它相关文章!

相关阅读更多 +
最近更新
排行榜 更多 +
元梦之星最新版手游

元梦之星最新版手游

棋牌卡牌 下载
我自为道安卓版

我自为道安卓版

角色扮演 下载
一剑斩仙

一剑斩仙

角色扮演 下载