微客导航 » 文章资讯 » vue实现跳转接口push 转场动画示例

vue实现跳转接口push 转场动画示例

2023-08-10 00:26:04 177

1.index.js配置子路由children。

importVuefrom'vue'
importRouterfrom'vue-router'
importSingerDetailfrom'components/singer-detail/singer-detail'

Vue.use(Router)

exportdefaultnewRouter({
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转场动画示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

vue实现跳转接口push 转场动画示例

热门推荐

随机推荐