作者:手机用户2502910101 | 来源:互联网 | 2022-03-22 00:04
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
2.listview (singer子组件)
3.singerDetail
4.push转场动画
以上这篇vue实现跳转接口push 转场动画示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。