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爱好者其它相关文章!
相关阅读更多 +
-
PEPE币目前在哪些平台支持合约杠杆?最大倍数是多少 2025-06-30
-
ORDI币在哪个平台上线?是否已上线Binance和OKX 2025-06-30
-
ORDI首次发行时间与首发方式介绍 2025-06-30
-
加密货币基金热潮不歇!连续 11 周吸金、上周净流入 27 亿美元 2025-06-30
-
-
ORDI币上市时间及首日开盘价行情追踪 2025-06-30
最近更新