2020-01-03 el-radio-group 遍历循环

html

js


data(){
  return{

     radioArray:[],
     customMade:[
                {   
                    name:"包型",
                    radio:'bagType',
                    
                    list:[
                        {
                            id:1,
                            name:'测试',
                            img:'common/material/bagSmall/bag_03.png',
                            bigImg:'common/material/bagBig/bag.png',
                            
                        },
                        {
                            id:2,
                            name:'测试2',
                            img:'common/material/bagSmall/bag_05.png',
                            bigImg:'common/material/bagSmall/bag_05.png',
                            
                        },
                        {
                            id:3,
                            name:'测试3',
                            img:'common/material/bagSmall/bag_07.png',
                            bigImg:'common/material/bagSmall/bag_07.png',
                            
                        },
                        {
                            id:4,
                            name:'测试4',
                            img:'common/material/bagSmall/bag_09.png',
                            bigImg:'common/material/bagSmall/bag_09.png',
                            
                        }
                    ]
                },
                {   
                    name:"颜色",
                    radio:"bagColor",
                    list: [
                                {
                                    id:5,
                                    name:'测试',
                                    img:'common/material/bagBig/1.png',
                                    bigImg:'common/material/bagBig/1.png',
                                },
                                {
                                    id:6,
                                    name:'测试2',
                                    img:'common/material/bagBig/color1/bag1.png',
                                    bigImg:'common/material/bagBig/color1/bag1.png',
                                }       
                    
                    
                    ],
                },
                {   
                    name:"包带",
                    radio:"bagTape",
                    list: [
                                {
                                    id:7,
                                    name:'测试',
                                    img:'common/material/tape/2.png',
                                    bigImg:'common/material/tape/2.png',
                                },
                                {
                                    id:8,
                                    name:'测试2',
                                    img:'common/material/tape/2.png',
                                    bigImg:'common/material/tape/2.png',
                                }
                    ],  
                },
                {   
                    name:"线",
                    radio:"line",
                    list:[
                            {
                                id:9,
                                name:'测试',
                                img:'common/material/line/3.png',
                                bigImg:'common/material/line/3.png',
                            },
                            {
                                id:10,
                                name:'测试2',
                                img:'common/material/line/3.png',
                                bigImg:'common/material/line/3.png',
                            }   
                    ],
                    
                },  
                {   
                    name:"五金",
                    radio:"hardware",
                    list: [
                            {
                                id:11,
                                name:'测试',
                                img:'common/material/wj/wj.png',
                                bigImg:'common/material/wj/wj.png',
                            },  
                            {
                                id:12,
                                name:'测试2',
                                img:'common/material/wj/wj.png',
                                bigImg:'common/material/wj/wj.png',
                            }       
                    ],
                },
                
                {   
                    name:"边油",
                    radio:"oil",
                    list: [
                        {
                            id:13,
                            name:'测试',
                            img:'common/images/series_09.jpg',
                            bigImg:'common/images/series_09.jpg',
                            
                        },
                        
                        
                    
                    ],
                },
            ],                   
    

  }
},
methods: {
    changeOpen(index,label) {
        //var that = this ;
        console.log(index);
        console.log(label);
    },
}

======================================这是分割符===================================

方法2
html


    
        
    
   

js

 methods: {
                         
        changeOpen(index) {
            //var that = this ;
            console.log(this.radioArray[0]);
        },
                            
}


你可能感兴趣的:(2020-01-03 el-radio-group 遍历循环)