今天小编就为大家分享一篇vue实现跳转接口push 转场动画示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
1.index.js 配置子路由children。
import Vue from 'vue' import Router from 'vue-router' import SingerDetail from 'components/singer-detail/singer-detail'
Vue.use(Router)
export default new Router({ routes: [ { path: '/', redirect: '/recommend' }, { path: '/singer', component: Singer, //配置子路由,加一个参数children children: [ { //:id 以id为变量,传递一个参数,跳转到不同子路由 path: ':id', component: SingerDetail } ] }, { path: '/search', component: Search, children: [ { path: ':id', component: SingerDetail } ] } ] })
1.Singer
//需要用routeview承载子路由
2.listview (singer子组件)
3.singerDetail
4.push转场动画
免费咨询专业医生在线解答
以上就是vue实现跳转接口push 转场动画示例的详细内容,更多请关注0133技术站其它相关文章!