ElementUI中el-radio-group使用v-model綁定是屬性為String字符串類型時不回顯數據

場景

結合el-radio-group元素和子元素el-radio可以實現單選組，在el-radio-group中綁定v-model，在el-radio中設置好label即可，無需再給每一個el-radio綁定變量，另外，還提供了change事件來響應變化，它會傳入一個參數value。

官方示例代碼：

<template>
  <el-radio-group v-model="radio">
    <el-radio :label="3">備選項</el-radio>
    <el-radio :label="6">備選項</el-radio>
    <el-radio :label="9">備選項</el-radio>
  </el-radio-group>
</template>

<script>
  export default {
    data () {
      return {
        radio: 3
      };
    }
  }
</script>

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

按照上面官方的示例代碼使用的時候，發現在編輯時獲取數據后沒法回顯數據。

原因是示例代碼中返回的數據綁定的radio是一個數組3,而在實際業務中綁定的屬性是字符串“3”

 

 

所以需要在“”外面再加一層‘’

              <el-radio-group v-model="form.jxbclx" @change="$forceUpdate()" size="medium">
                <el-radio :label='"1"'>井下大班</el-radio>
                <el-radio :label='"2"'>井下小班</el-radio>
              </el-radio-group>

就能實現回顯數據了。