flask+vue：创建一个数据列表并实现简单的查询功能(二)

query_data() {
      let url1 = "http://127.0.0.1:5000/"
      let payload = {
        class_type: this.form.class,
        create_date: this.form.create_date,
        page_num: this.currentPage,
        page_size: this.pageSize
      }
      
      axios({
        timeout: 10000,
        method: "get",
        params: payload,  //发送get请求，使用params关键字接收请求参数
        url: url1+"api/select_data"
      }).then(res => {
        let data_list = res.data.records.map(function(array) {
          let rObj = {};
          rObj["date"] = array[2]
          rObj["type"] = array[0]
          rObj["value"] = array[1]
          return rObj;})
        console.log(data_list)
        this.tableData = data_list
        // let data_count = res.data.count
        this.count = res.data.count

        if(res.data.code === 200){  //判断响应中的code是否为200
          console.log(res.data)
        }
        else{
          console.log(res.data)
        }
      }).catch((reason)=>{
        console.log(reason)
        this.button_mark = false
        this.$message({
          message: '接口调用失败，请检查系统是否正常',
          type: 'warning'
        });
      })


}