javascript - elementUI的radio怎么返回值和文本

问题描述

问 题

如图：

当点击的时候我想获取到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>

解决方案

你的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)
})

}

这篇关于javascript - elementUI的radio怎么返回值和文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！