Vue怎么给按钮绑定事件去执行带参数的接口链接？

<el-button @click="handleClose()" class="el-cancel">确认收到信息</el-button>

 methods: {
    handleClose: function() {
        this.dialogFormVisible = false
        dashboardApi.updateBehaviorAnalysis(this.form.dialogId) //dashboardApi里定义了方法但不知道这样写和后端提供的接口匹不匹配，图在下面，后端提供的接口是get类型，http://127.0.0.1:31561/sys/updateBehaviorAnalysis?id=1

        console.log(this.form.dialogId)//这里的this.form.dialogId是目标id，点击按钮可以成功获取到，需要通过接口传给后端
    }

data{
return {
      form: {
        dialogImageUrl: "",
        dialogPosition: "",
        dialogId:"",
      }

      dialogFormVisible: false,
}

dashboardApi提供的接口如下图

你这个 request 是 axios，是的话就这样写
axios的get的第二个参数是 config axios.get(url[, config])

axios.get('你的url', {
  headers: {}, // 请求头
  params: {} // 参数
})

所以下面把第二个参数修改下

你现在的代码逻辑没毛病啊

export function queryWithPage(params) {
  return axios({
    method:'get',
    url:'area/query',
    params
  })
}

  queryWithPageAll(params).then(data =>{}

export function areaSave(data) {
  return axios({
    method:'post',
    url:'area/save',
    data
  })
}
  areaSave(qs.stringify(this.paramsObj)).then(data =>{}

get用params入参,post用data
get不用转换参数,post要JSON.stringify()转换参数

你的接口请求类型
是post还是get的