Vue传值给后台查询并返回数据

图片说明
各位大佬,前端vue小白,现在已经获取到要key,vue要怎么写帮这个值传给后台并返回查询到的数据。

前端

    methods: {
        viewInfo(data) {
            if (data && data.length > 0 && data[0].leaf) {
                this.stationId = data[0].id;
                this.stationName = data[0].title;
                this.voltage = data[0].voltage;
                debugger
                this.url = path + '/he/setting/powerpath/getPowerSupplyPath.do?&stationName=' + this.voltage +'kV'+ this.stationName
            }
        },

后端

    @RequestMapping(value = "/getPowerSupplyPath.do")
    public JSONObject getPowerSupplyPath(String stationId,String stationName){
        JSONObject ja = new JSONObject();
        boolean flag = false;
        try {
            List<FaultPowerSupplyPath> list = powerPathManagerWebService.queryPowerSupplyPath(stationId,stationName);
            if (list!=null && list.size()>0){
                flag = true;
                ja.put("list", list);
            }
        }catch (Exception e){
            e.printStackTrace();
        }
        ja.put("flag", flag);
        return ja;
    }

https://blog.csdn.net/wangjunren1/article/details/79441575

你这问题描述的还有错别字,代码也没啥注释,叫人咋看嘛。
其实vue只是一个架子,怎么发数据,就跟怎么发ajax请求一样。
最多也就是你说的这个key的保存方式可能会有所不同。
如果你是直接保存在本组件的data中,直接this.key就能拿到了,然后在发请求的时候加上这个key就行了。要是在其他组件或者使用了vuex,另外再说(如果你是,可以回复我,教你怎么做)。
后端我看你获取的一个id和name,有点搞不懂啥情况。