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上:
加上以下代码:
v-title data-title="测试title"
效果:
以上就是vuejs怎么动态改变title的详细内容,更多请关注php爱好者其它相关文章!
相关阅读更多 +
-
-
打游戏输了,我竟然开始安慰对手 2025-06-06
-
币安怎么购买Kujira(KUJI)币?KUJI币购买教程与币安binance下载入口 2025-06-06
-
币安怎么购买Kava(KAVA)币?KAVA币购买教程与币安binance下载入口 2025-06-06
-
朋友请我吃饭,AA之后我请他绝交 2025-06-06
-
最近更新