elementUI的radio怎么返回值和文本

Question

如图：

当点击的时候我想获取到radio的value和文本，文本作用于点击显示，value作用于后台提交，但是v-model只能绑定一个值，这个我要怎么操作啊？？？

---

<div class="items">
    <el-radio class="radio" 
              v-model="report" 
              :key="index" 
              :label="user.id" 
              v-for="(user, index) in department.users">{{user.nickname}}
    </el-radio>
</div>

Answer 1

你的class可以初始化一个值：data(){hasclass:'radio'},设置一个ref值，
<el-radio :class="hasclass"

          v-model="report" 
          :key="index" 
          :label="user.id" 
          ref="ref"
          v-for="(user, index) in department.users">{{user.nickname}}
</el-radio>

可以在这里测试
created: function() {
this.$nextTick(() => {

console.log("//////////",this.hasclass)
console.log("************",this.$refs.ref.value)
})

}

Answer 2

https://jsfiddle.net/forheyin... 应该符合你的需求

Answer 3

你只需要把label设置成你需要传递给服务器的值，然后标签把显示的值包起来，自然你标签中的值你也可以设置成一个v-model，这样你就可以取到两个值了

<el-radio-group v-model="invoiceMsg.kinds">
  <el-radio border label="normal">增值税普通发票</el-radio>
  <el-radio border label="special">增值税专用发票</el-radio>
</el-radio-group>