real47LEBJ 2022-04-11 17:07 采纳率: 93.8%
浏览 173
已结题

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提供的接口如下图

img

  • 写回答

4条回答 默认 最新

  • zh阿飞 2022-04-11 18:24
    关注

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

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

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

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 4月19日
  • 已采纳回答 4月11日
  • 创建了问题 4月11日

悬赏问题

  • ¥15 请问读取环境变量文件失败是什么原因?
  • ¥15 在若依框架下实现人脸识别
  • ¥15 网络科学导论,网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载