1. 程式人生 > >element-ui使用v-for來遍歷el-radio

element-ui使用v-for來遍歷el-radio

<el-form-item label="員工性別" label-width="1rem" prop="sttusCodes">
  <el-radio-group v-model="radio" @change="onRadioChange">
      <el-radio :label="item.value" :key="item.value" v-for="item in form.basicInfo.sttusCodes">{{item.label}}</el-radio>
  </el-radio-group>
</el-form
-item>
export default {
  data() {
    return {
      imgSrc: "../../static/images/tx.jpg",
      radio: "1",
      form: {        
          sttusCodes: [
            {
              label: "男",
              value: "0",
              selected: "1"
            },
            {
              label: "女"
, value: "1", selected: "0" } ], } }, methods: { onRadioChange(item) { console.log("item", item); } } }

相關推薦

element-ui使用v-forel-radio

<el-form-item label="員工性別" label-width="1rem" prop="sttusCodes"> <el-radio-group v-model="radio" @change="onRadioChange"

python中forrange函式

栗子:計算斐波那契數列(任一個數都是前兩個數之和的數字序列) Python2.7實現程式碼如下: fibs=[0,1] //初始化定義數列值 for i in range(20):

通過Java對象成員方法,成員變量,構造函數

return pri typename static spa tde log 繼承 red 1 package classTest; 2 3 import java.lang.reflect.Constructor; 4 import java.lang.ref

java基礎學習總結(十八):切勿用普通for迴圈LinkedList

ArrayList與LinkedList的普通for迴圈遍歷 對於大部分Java程式設計師朋友們來說,可能平時使用得最多的List就是ArrayList,對於ArrayList的遍歷,一般用如下寫法: public static void main(String[] args) {

使用for迴圈字串時迴圈變數型別的坑

通常情況下,使用for迴圈可以通過遞增,也可以通過遞減,使用遞減遍歷程式碼如下: - (void)testFor { NSString *string = @"信不信由你"; for (int i = string.length - 1; i >= 0;

2.6 使用for迴圈檔案 2.7 使用while迴圈檔案 2.8 統計系統剩餘的記憶體 2.9 資料型別轉換計算(計算mac地址) 3.0 資料型別轉換(列表與字典相互轉換)

2.6 使用for迴圈遍歷檔案 open r:以只讀方式開啟 w: 以寫方式開啟 a: 以追加模式開啟 r+: 以讀寫模式開啟 w+: 以讀寫模式開啟(參見w) a+: 以讀寫模式開啟(參見a) rb: 以二進位制模式開啟 read 我們先寫一個檔案,叫1.txt 內容如下 111 22

JAVA高階基礎(10)---TreeSet對自定義型別進行定製排序及增強for迴圈集合

TreeSet 自然排序 對於自定義型別,那麼要實現自然排序,需要去 Comparable 介面中的 compareTo 方法。在 compare To 方法中我們可以根據自己的業務要求,來實現自己的排序規則。 定製排序     在建立容器

Vue指令v-for陣列,json物件的幾種方式

定義資料:   <script>     new Vue({         el:"#test",         data:{      

shell中的for迴圈目錄

1 目錄結構說明 a. 檔名 convert_video_to_images.sh b. /User/document/list目錄下有A1目錄 c. A1目錄下有檔案v_Skiing_g01_c01.avi、v_Skiing_g01_c02.avi、v_Skijet

小程式-for迴圈的使用

.js檔案: Page({ /** * 頁面的初始資料 */ data: { datas:[ { title: '提交申請', txt: '選擇服務型別,填寫基本資訊,提交' }, { title: '材料稽核', txt: '收到電網企業電話,與

Python 迭代,for...in,迭代原理

迭代是訪問集合元素的一種方式。什麼時候訪問元素,什麼時候再迭代,比一次性取出集合中的所有元素要節約記憶體。特別是訪問大的集合時,用迭代的方式訪問,比一次性把集合都讀到記憶體要節省資源。   demo.py(迭代,遍歷): import time from collections

for迴圈linux當前目錄的結構

for i in `ls`;do echo ">>>"$i ;ls $i;done [[email protected] cache]# for i in `ls`;do echo ">>>"$i ;ls $i

java 傳入list集合 返回樹形選單,for迴圈

public List<SysPermissionVO> getTreeMenu(List<SysPermissionVO> list,SysPermissionVO sysPermissionVO) { List parent = new ArrayList()

JS中EL表示式中的集合

前言:在我的專案裡有這麼一個情況,後臺直接session.setAttribute()儲存了一個物件,此物件內部有一個集合,前端JSP處理的方法正常情況下就是直接使用EL表示式即可。但是如果在JS中需要使用這個集合中的值,那應該怎麼處理呢? 需求:JS中遍歷“${role.modules}” 解決方案: ①正

#C++11新特性 for迴圈容器#

#include<iostream> #include<string> using namespace std; string s = "hello"; for (auto &i : s ) i = toupper(i); //改

Shell for迴圈並動態注入引數到hive

假設你要執行一些資料,例如根據經銷商做統計,但是陣列有很多個,你懶得一個個執行,那麼應該怎麼辦? 某某經銷商->L0814 L2592 L0819 L4786 shell的for迴圈基礎語法 #常規遍歷 for i in 1 2 3 4 5

python使用os.walk和os.path.join資料夾的檔案(包括子資料夾下的檔案)

使用os.walk和os.path.join來遍歷資料夾的檔案 import os import os.path path = 'C://' for root, dirs, files in os.walk(path):    for file in files:  

C# for迴圈字典裡面的所有元素

using System.Linq;//新增引用 using System; [ContextMenu("DebugTest")] public void MoviePlay() { Dictionary<string,

for迴圈陣列

js陣列隨機打亂輸出,直接上程式碼: <script> var arr = ["a","b","c"]; document.write("舊陣列:"+arr.join()); arr.sort(function() { return 0.5

js 使用for...in...物件時需要注意的一個問題:歷時莫名其妙的多了屬性

前言 最近在做專案時遇到一個小問題:即在使用for…in…遍歷物件的時候,突然發現物件莫名其妙的多了個屬性,這個屬性在宣告的時候是沒有的,後期也沒有為它新增屬性,但是究竟從何而來呢?經過一番除錯之後找到原因,且看如下程式碼: Object