即使不通过过滤器（vue.js）传递参数，也可以加载图形数据

Question

我有一个问题，一打开我的页面，图形就空白了，因为我通过params请求传递了要生成图形数据的回调

我想在页面打开后立即获取一般数据，并在过滤器请求时使用参数加载

不幸的是，我不知道该使用哪种逻辑

     mounted() {
        this.refresh()
 },
 methods: {

      refresh () {
         this.$axios.get()
         var situacao = this.situacao.map(st => st.id)
         var cliente = this.cliente.id
         var especialidade = this.especialidade.id
         var tipo = this.tipos.id
         var helpDesk = this.helpDesk.id
         var supervisor = this.supervisor.id

         var params = {
                tipo: tipo,
                situacao: situacao,
                cliente: cliente,
                helpDesk: helpDesk,
                especialidade: especialidade,
                supervisor: supervisor     
         }

         this.$axios.get("/Operacional/GetRelatorio/?" + qs.stringify( params, { arrayFormat: 'repeat' }))
         .then(res => { 
            this.prazos = res.data
            this.$refs.chart1.updateSeries([{
                name: 'NO PRAZO',
                data: [this.prazos.noPrazo, this.prazos.emDia, this.prazos.atrasadas]
             }])
          })

我只想在选择过滤器时请求参数，如果没有，它会进行正常的GET，没有参数，这样页面加载后的图形就不会保持空白

Answer 1

你可以利用组件中的data()属性，定义一个默认值为false的变量。

data () {
return {
filterApplied: false;
}
}

然后在选择过滤器时，将数据属性更改为true，并根据此值发送带或不带参数的请求。