element-ui循環(huán)顯示radio控件信息的方法
更新時間：2018年08月24日 11:48:57 作者：茶杯里有熊
今天小編就為大家分享一篇element-ui循環(huán)顯示radio控件信息的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
<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 : "贈送"
}
],
根據(jù)接收到的數(shù)據(jù)
currentLine.isGive
來決定顯示購買和贈送，如果不寫{{item.name}}那么默認顯示的是radio所綁定的：lable的值，如果想要使不同的選項顯示，要在data中建一個json數(shù)據(jù)，結構代碼中插入{{item.name}}來取代默認的顯示值。
以上這篇element-ui循環(huán)顯示radio控件信息的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue如何解決兄弟組件之間傳值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了如何把vuejs打包出來的文件整合到springboot里,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
這篇文章主要介紹了在vue中實現(xiàn)禁止屏幕滾動,禁止屏幕滑動，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要為大家介紹了Vue如何實現(xiàn)字母驗證碼詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了Vue安裝依賴npm install時的報錯問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
項目中我們可能會碰到導出Excel文件的需求，這篇文章主要介紹了vue中導出Excel表格的實現(xiàn)代碼，非常具有實用價值，需要的朋友可以參考下2018-10-10
今天小編就為大家分享一篇vue--點擊當前增加class,其他刪除class的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇主要介紹了vue-cli 接口代理配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了vue組件暴露和.js文件暴露接口操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
Vue中的百度地圖定位BMap.GeolocationControl的用法
BMap.GeolocationControl?是百度地圖API中的一個類,用于添加地理定位控件到地圖上,以便用戶可以通過該控件獲取自己的當前位置,本文給大家介紹Vue中的百度地圖定位BMap.GeolocationControl的用法,感興趣的朋友跟隨小編一起看看吧2023-10-10