vue使用button带参跳转页面，并接在子页面接收参数

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);
  },

完成！！！！