場景

結合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>

就能實現回顯數據了。

?

總結

以上是生活随笔為你收集整理的ElementUI中el-radio-group使用v-model绑定是属性为String字符串类型时不回显数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。