vue-router的router.go(n)问题?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | <template> <div> <mt-navbar v-model= "selected" class = "container" @click.native= "goRouter" > <mt-tab-item id= "head-nav1" >新歌</mt-tab-item> <mt-tab-item id= "head-nav2" >排行</mt-tab-item> <mt-tab-item id= "head-nav3" >歌单</mt-tab-item> <mt-tab-item id= "head-nav4" >歌手</mt-tab-item> <mt-tab-item id= "head-nav5" >彩铃</mt-tab-item> </mt-navbar> </div> </template> <script type= "es6" > import { Navbar, TabItem } from 'mint-ui' ; export default { name: 'head-nav' , data(){ return { selected: 'head-nav1' } }, components:{Navbar, TabItem}, methods:{ goRouter(){ var navItem= this .selected.charAt( this .selected.length-1); switch (navItem){ case '1' : this .$router.push({path: 'index' }); break ; case '2' : this .$router.push({path: 'rank' }); break ; case '3' : this .$router.push({path: 'plist' }); break ; case '4' : this .$router.push({path: 'singer' }); break ; case '5' : this .$router.push({path: 'ringtone' }); break ; } } } } </script> 回到上一级可以这么写 <template> <div class = "rank-head container" :style= "style" > <a class = "rank-head-back" @click= "routerBack" ></a> {{title}} </div> </template> <script type= "es6" > export default { props:[ 'title' , 'style' ], name: 'rank-head' , methods:{ routerBack(){ this .$router.go(-1); } } } </script> 这个demo的地址https: //github.com/lavyun/vue-kugouMusic |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架