【vue实现界面方法的返回值传给下一个界面】

我要实现的是登录后获取权限列表，跳转到权限的功能页面，在页面进行权限的循环展示

登录界面

 export default {
        name: "uplogin",
      data() {
          return{
            title: "账号密码登录",
            user:{},
            users:[]
          }
      },
methods:{
           async onSubmit(user){
              //alert(user.username+""+user.password);
              this.$http.get("http://localhost:8762/logina?username="+user.username+"&password="+user.password)   //后台调用方法获取权限列表
             .then(resp =>{
                // console.log(resp.data.length);
                if(resp.data.length>=1){//返回array的长度>=1就说明登录成功
                  alert("登录成功！")
                  console.log(resp.data);
                  this.users=resp.data;  
                  sessionStorage.setItem("auth", JSON.stringify(resp.data))
                  //将后台返回的集合放入sessionStorage 前边是键 后边是json转换后的数据
                  this.$router.replace("/indexpage");
                  //跳转到权限列表页面
                }else {
                  alert("登录失败！")
                }



             })
          }
      }
      }
权限列表界面

```javascript
 export default {
        name: "indexpage",
      data(){
          return{
              auths:[],//定义权限集合
          }
      },
      methods:{
          aut(){
            const auth = JSON.parse(sessionStorage.getItem("auth"))
            //通过键获取存储的值
            console.log(auth)
            this.auths=auth
            //将获取值赋值给定义的权限集合
          }
      },
      created() {
          this.aut();
				//初始化调用，一加载就加载权限列表
      }
    }
    //即：
    <div v-for="item in auths">
         <a v-bind:href="item.urlx"  >{{item.aname}}</a>
    </div>