(七)vue-router以编程模式js的方式实现( 命名路由跳转,普通路由跳转 ),以及动态路由传值和get传值的实现,路由别名
1:router.js的配置和(六)小节的完全一致
2: button按钮跳转
(1):动态路由传值 (2):get传值 3:在methods里面定义gohone方法 3:接收页接收参数 (1)如果是get传参过来的,用this.$route.query.id方式获取传过来的参数 export default { name: 'GetDetailFrom', props: {},mounted(){//页面加载完后执行得钩子事件 alert(this.$route.query.id) alert(this.$route.query.no) } }; (2)如果是动态路由传参过来的,用this.$route.params.id方式获取传过来的参数 export default { name: 'DetailFrom', props: {
},mounted(){//页面加载完后执行得钩子事件 alert(this.$route.params.id) alert(this.$route.params.no) } };