Vue路由间值传递

Vue路由之间传值

1. 发送参数

handleClick(row) {
      this.$router.push({
        path:'updatestu',
        query:{
          id:row.id
        }
      })
    },

2. 接收参数

getRouterData() {
      const id=this.$route.query.id
      axios.get('http://localhost:8181/book/findbyid/'+id).then((resp)=>{
        this.form=resp.data
      })
    }

发送参数push到另外一个路由的时候带上参数就能把参数传递过去了

小Demo: 点击编辑按钮,数据传递到另外一个路由上 然后进行修改