通过 GET 传递参数以返回过滤器

Question

我想通过 GET 返回一个数据查询，以根据 v-model 中选择的内容返回值。 我想知道如何从输入中获取 v-model 值并请求通过参数获取

我的过滤器（组件已经根据我的选择返回对象作为您的 id）

  <div class="row gutter-sm">
    <div class="col-md-12">
       <q-card class="full-width bg-white q-pa-md q-card-flex">
            <div class="col-md-2">            
              <situacao-select multiple v-model="situacao" :stackLabel="'Situação OS'" style="height:50px;" :clearable="true" />            
            </div>
            <div class="col-md-2">
              <input-holder label="Help Desk" style="height:50px;">
                  <pessoa-funcao-select :funcao="'Help Desk'" :clearable="true" />
              </input-holder>
            </div>
            <div class="col-md-2">
              <input-holder label="Supervisor" style="height:50px;">
                  <pessoa-funcao-select :funcao="'Supervisor'" :clearable="true" />
              </input-holder>
            </div>
                <div class="col-auto">
                    <q-btn
                      color="primary"
                      style="margin-left: auto; margin-right: auto;"
                      @click="search = false"
                    >FILTER</q-btn>
                </div>                                        
            </div>                   
       </q-card>

请求API（我知道错了，我想知道如何根据GET请求的参数来请求）

     mounted() {
        this.refresh()
 },
 methods: {
      refresh () {
         this.$axios.get()
         
          this.$axios.get("/Operacional/GetRelatorio").then(res => { 
            this.prazos = res.data
            this.$refs.chart1.updateSeries([{
                name: 'NO PRAZO',
                data: [this.prazos.noPrazo, this.prazos.emDia, this.prazos.atrasadas]
             }])
          })
          this.$axios.get("/Operacional/GetAprovadas").then(res => {
            this.os = res.data
          })
          this.$axios.get("/Operacional/GetPendenciasOS").then(res => {
            this.os = res.data
            this.$refs.chart4.updateSeries([{
                name: 'EM DIA',
                data: [ this.os.emdiaPendencia, this.os.emdiaSPendencia],
              },{
                name: 'ATRASADAS',
                data: [ this.os.atrasadasPendencia, this.os.atrasadasSPendencia],
                }
             ])
          })

Answer 1

这就是您获得所选值的方式，假设您要使用“situacao”。 并通过 GET 参数将该值传递给您的后端：

refresh () {
         this.$axios.get()
    
         var selectedSituacao = this.situacao;
         var url = "/Operacional/GetRelatorio?ID=" + selectedSituacao;

         this.$axios.get(url).then(res => { .... })

         // or you could do this:
         var axiosParams = {
             params: {
                ID: selectedSituacao
             }
         }
         this.$axios.get("/Operacional/GetRelatorio", axiosParams).then(res => { .... })

编辑：根据要求将 url 获取参数 situacao 更新为 ID。