如下所示：

  <el-form-item label="線路類型：" prop="isGive">   <el-radio-group v-model="currentLine.isGive">   <el-radio :label="item.id" :key="item.id" v-for="item in isGive" >{{item.name}}</el-radio>   </el-radio-group>  </el-form-item>

 data () {  return {  merchantId: 0,  centerDialogVisible: false,  lineList: [],  portOptions: [],  isGive:[   {   id : "n",   name : "購(gòu)買"   },   {   id : "y",   name : "贈(zèng)送"   }  ],

根據(jù)接收到的數(shù)據(jù)

currentLine.isGive

來(lái)決定顯示購(gòu)買和贈(zèng)送，如果不寫(xiě){{item.name}}那么默認(rèn)顯示的是radio所綁定的：lable的值，如果想要使不同的選項(xiàng)顯示，要在data中建一個(gè)json數(shù)據(jù)，結(jié)構(gòu)代碼中插入{{item.name}}來(lái)取代默認(rèn)的顯示值。

以上這篇element-ui循環(huán)顯示radio控件信息的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持錯(cuò)新站長(zhǎng)站。