單選框組 el-radio-group 的 v-model的值和某個el-radio裏的label值一致時,該單選框被選中

<el-form-item label="支付方式" prop="order_pay">
          <!-- v-model綁定的值等於哪個label的值時哪個單選框就默認被選,如果等於0則label="0"的單選框默認選中 -->
          <el-radio-group v-model="orderData.order_pay" @change="radioChange">
            <el-radio :label="'0'">未支付</el-radio>
            <el-radio :label="'1'">支付寶</el-radio>
            <el-radio :label="'2'">微信</el-radio>
            <el-radio :label="'3'">銀行卡</el-radio>
          </el-radio-group>
        </el-form-item>
 
這裏有個巨坑,記錄下:
orderData.order_pay裏面值0和1都是字符串,實際值“0”和“1”,而<el-radio :label="'0'">裏面label默認的數字是number數字,所以這裏設定時要不label後面的數字設置爲字符串,是<el-radio :label=" '0' "> 不是<el-radio :label=" 0 "> 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章