easyui for vue RadioButton实现单选功能

开篇：先看demo效果，是否是你需要用到的。

第一步：先按照官方文档把html写出来，参考如下：

<div class="formStyle_list"> <div class="f-l"> <Label for="Code" class="f-l">特价商品送积分</Label> <div v-for="(item,index) in specialPriceData" :key="index" class="f-l mr-10" > <RadioButton name="group2" :inputId="item.Id" :value="item.Id" v-model="specialPriceIndex"></RadioButton> <span :for="item">{{item.Name}}</span> </div> <span>（特价商品的定义在ERP中设置）</span> </div> </div>

第二部：定义data属性

data() { return { specialPriceData: [{ Id: "0", Name: "否" }, { Id: "1", Name: "是" }], specialPriceIndex: "0", } }

结语：这样就实现了1个简单的单选按钮功能。另外大家要注意的是RadioButton 这个组件在切换的时候，value值就代表你切换时候v-model对应变量的值。这个很重要，也是前端需要拿到的值。