当前位置: 首页 > Web前端 > HTML5

vue单页应用中动态修改title

时间:2023-04-05 17:18:35 HTML5

vue-weachat-title===================================适用于1.微信2.webview3.各大浏览器--------演示:http://www.yahoo.com/首先执行命令vue2.xusagenpminstallvue-wechat-title;然后在main.js的全局入口,引入wechat-titleVue.use(require('vue-wechat-title'));然后exportdefaultnewRouter({routes:[{path:'/',redirect:'index',},{path:'/index',name:'Index',component:Index,meta:{title:'Home'},},{path:'/project',name:'Project',component:Project,meta:{title:'ActiveProject'},},{path:'/service',name:'Service',component:Service,meta:{title:'Service'},},{path:'/interspace',name:'Interspace',组件:Interspace,meta:{title:'Space'},},{path:'/发现',名称:'发现',组件:发现,元:{标题:'发现'},},{路径:'/我的',名称:'我的',组件:我的,元:{标题:'我的'},},]})可以写在每个组件的任意标签

或者/如果想动态改变title值,可以这样写