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對應變量的值。這個很重要，也是前端需要拿到的值。