1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Vue动态修改网页标题

Vue动态修改网页标题

时间:2024-01-28 11:33:52

相关推荐

Vue动态修改网页标题

业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三).

Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案:

一、最笨方案

结合业务直接在Vue生命周期函数 created 和 mounted 中,给 document.title赋值。

<script>import axios from axiosexport default {created () {document.title = 功能授权},mounted() {axios.get(***).then((d)=>{document.title = 功能授权(+ d.Name + )})}}</script>

二、普通方案,使用Vue-Router的beforeEach拦截

项目中使用了Vue Router,在路由文件 index.js 中给需要的路由添加 title。

routes: [{path: /,name: home,component: () =>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。