vue使用button带参跳转页面
在使用页面跳转时,经常会遇到参数传递问题,这里使用button按钮进行带参跳转
button按钮
<el-button type="primary" @click="enterFamilyInfo">录入家庭成员信息</el-button>
methods方法:
enterFamilyInfo() {
this.$router.push({path: '/enterFamilyInfo',query:{ index:this.inforform.iden}})
},
子页面在data定义参数类型后,使用 this.$route.query.index接收参数
mounted() {
this.iden = this.$route.query.index
console.log(this.iden);
},
完成!!!!