如下所示:
<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 : "購買" }, { id : "y", name : "贈送" } ],
根據接收到的數據
currentLine.isGive
來決定顯示購買和贈送,如果不寫{{item.name}}那么默認顯示的是radio所綁定的:lable的值,如果想要使不同的選項顯示,要在data中建一個json數據,結構代碼中插入{{item.name}}來取代默認的顯示值。
以上這篇element-ui循環顯示radio控件信息的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com