vue.js循環(huán)radio的實(shí)例
最近在做一個(gè)組件聯(lián)動(dòng)的,需要循環(huán)展示el-radio,花了很多時(shí)間現(xiàn)在記錄一下,也給遇到類似問題的小伙伴一個(gè)參考
<el-radio-group v-model="radioArray[item.name]" @change="handleRadioChanges">
<el-radio v-for="opt in options" :key="opt.label" :label="String(opt.label)">
{{opt.value}}
</el-radio>
</el-radio-group>
效果:

數(shù)據(jù)格式:
options: [ {label:"1",value:"只讀"}, {label:"2",value:"隱藏"} ],
radioArray:{"c_name":"1","c_email":"2","c_status","1"}
以上這篇vue.js循環(huán)radio的實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
node+vue前后端分離實(shí)現(xiàn)登錄時(shí)使用圖片驗(yàn)證碼功能
這篇文章主要介紹了node+vue前后端分離實(shí)現(xiàn)登錄時(shí)使用圖片驗(yàn)證碼,記錄前端使用驗(yàn)證碼登錄的過程,后端用的是node.js,關(guān)鍵模塊是svg-captcha,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
在vscode 中設(shè)置 vue模板內(nèi)容的方法
這篇文章主要介紹了在vscode 中設(shè)置 vue模板內(nèi)容的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09
詳解實(shí)現(xiàn)vue的數(shù)據(jù)響應(yīng)式原理
這篇文章主要介紹了詳解實(shí)現(xiàn)vue的數(shù)據(jù)響應(yīng)式原理,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
vue中el-table多層級嵌套的具體實(shí)現(xiàn)
本文主要介紹了vue中el-table多層級嵌套的具體實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10
vue項(xiàng)目使用electron-builder庫打包成桌面程序的過程
這篇文章主要介紹了vue項(xiàng)目使用electron-builder庫打包成桌面程序的過程,本文給大家介紹如何使用electron-builder這個(gè)庫結(jié)合實(shí)例代碼給大家講解的非常詳細(xì),感興趣的朋友一起看看吧2024-02-02

