把多个radio按钮选项结果传给后端(先看图片和正在看的你的需求是否一样,代码在最下方)

该博客展示了如何在Vue.js应用中使用Element UI组件库进行前后端交互。通过v-for循环遍历radioList数组,创建复选框组,并将用户选择的值通过JSON.stringify转换后传递给后端API。后端接口接收参数并返回提交状态。
摘要由CSDN通过智能技术生成

 后端要的格式是这样的 :

 

data里面是这样定义的:

 html中是这样写的:

 传给后端是这样的

代码html

      <div class="review_radio1" v-for="(item,index) in radioList" :key="index">
          <div class="simRadio_font">{{item.title}}</div>
          <div class="simRadio">
            <el-radio-group v-model="item.value">
              <!--是-->
              <el-radio :label="true">{{$t('login.yes')}}</el-radio>
              <!--否-->
              <el-radio :label="false">{{$t('login.no')}}</el-radio>
            </el-radio-group>
          </div>
        </div>

data:

 

  radioList:[
          {
            title:'本次损失是否在保险理赔范围内:',
            // title:'$t(login.within)',
            value:''
          },{
            title:'相关资料是否全部有效:',
            // title:$t(login.relevant),
            value:''
          },{
            title:'是否存在疑点:',//Isdoubt
            // title:$t(login.Isdoubt),
            value:''
          },
        ],

 传参:

 let obj = {
          isCoverage:this.radioList[0].value,
          isValid:this.radioList[1].value,
          isDoubt:this.radioList[2].value,
        }
        let radioArr = JSON.stringify(obj)
        let str={
          reportNo: this.reportNo,
          policyId:this.productcode,
          checkContent: radioArr,
          checkRemark: this.textarea,
        }
        this.$api.login.getRepulse(str).then(res=>{
          if(res.data.code == 200){
            this.$message({
              message: '提交成功',
              type: 'success'
            });
          }else{
            this.$message({
              showClose: true,
              message: res.data.desc,
              type: 'error'
            })
          }
        })
      },

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值