vue中的单选框选中值和最后传给后台值不一样，怎么获取

vue中的单选框选中值和最后传给后台值不一样：这句话的意思是如果我选择男女，显示的也是男女，但是我I需要给后台的就是id。可能男的id=0，女的id=1；

这时我们应该怎么办呢？

去个最基础的例子

<div id="example-4" class="demo">

<input type="radio" id="one" value="One" v-model="picked">

<label for="one">One label>

<br>

<input type="radio" id="two" value="Two" v-model="picked">

<label for="two">Two label>

<br>

<span>Picked: {{ picked }} span>

div>

data{

return {

      picked:' ',

  }

}

--------------------最后picked是你选择的那个单选框的value，也就是one或者two 。

所以我们知道最后选中的也就是这个单选框的value值，并把这个值赋给了他绑定的 v-model的那个元素

上面是所有的单选都写出来，如果是循环呢？

下面是选中快递获取选中的哪一项的id值。并且快递名字也是显示出来的。

选择快递方式

            

                    

v-for="db in send">
                        {{db.e_name}}
                        express.id" :value="db.id"@tap="express.e_name=db.e_name"> 
                    

          

下面显示你选择的快递方式：

快递方式

     
              

{{express.e_name}}

     

 this.$api("Bsfamily/order",).then(db=>{       
                this.send=db.express;
//              没有获取到id说明不是从那个选择快递方式页面选中回来的,就先赋值
                if(!this.express.id){
                this.express.id= db.express[0].id;//默认的选中第一个
                this.express.e_name= db.express[0].e_name;
                }
           });