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 oracle数据库备份表如何操作
  • ¥15 软件定义网络mininet和onos控制器问题
  • ¥15 微信小程序 用oss下载 aliyun-oss-sdk-6.18.0.min client报错
  • ¥15 ArcGIS批量裁剪
  • ¥15 labview程序设计
  • ¥15 为什么在配置Linux系统的时候执行脚本总是出现E: Failed to fetch http:L/cn.archive.ubuntu.com
  • ¥15 Cloudreve保存用户组存储空间大小时报错
  • ¥15 伪标签为什么不能作为弱监督语义分割的结果?
  • ¥15 编一个判断一个区间范围内的数字的个位数的立方和是否等于其本身的程序在输入第1组数据后卡住了(语言-c语言)
  • ¥15 Mac版Fiddler Everywhere4.0.1提示强制更新