vue前端查询时，后端参数是一个类的属性类

如果后端参数是一个类的属性类，那么在前端查询时，你需要先定义一个对应的类来表示这个参数。在 Vue 中，你可以使用类的形式来定义一个数据模型。

例如，假设后端参数类为：

public class QueryParam {
    private String name;
    private int age;
    // ...
}

那么在前端中，你可以定义一个类来表示这个参数：

class QueryParam {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

然后在 Vue 组件中，你可以定义一个 data 属性来维护这个参数的值：

export default {
  data() {
    return {
      queryParam: new QueryParam('', 0)
    };
  },
  // ...
};

接下来，你可以在模板中使用 v-model 指令将参数的值绑定到表单元素上：

<template>
  <div>
    <label for="name">Name:</label>
    <input id="name" type="text" v-model="queryParam.name" />
    <br />
    <label for="age">Age:</label>
    <input id="age" type="number" v-model.number="queryParam.age" />
    <br />
    <button @click="submit">Submit</button>
  </div>
</template>

最后，在提交表单时，你可以将维护的参数对象传递给后端接口：

export default {
  // ...
  methods: {
    async submit() {
      const result = await axios.get('/api/query', {
        params: this.queryParam
      });
      // 处理查询结果
    }
  }
};