vue实现跳转接口push转场动画示例
1.index.js 配置子路由children。
成都创新互联是少有的成都网站设计、成都网站制作、营销型企业网站、微信小程序开发、手机APP,开发、制作、设计、卖友情链接、推广优化一站式服务网络公司,自2013年起,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评
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 转场动画示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
分享标题:vue实现跳转接口push转场动画示例
本文链接:http://scyanting.com/article/ghpgoe.html