vue 多层循环v-if 加使用 单选框ridao 使用v-model 命令

模板代码：

		

			

				{{ items.name }}：
				

					

						{{ item.name }}
						
						
						
						
					
				
			
		

数据结构：

var radioDatalists = [
		{name: '白晚班', val: 'zaobanwanban', data: [{name: '白班', val: 0}, {name: '晚班', val: 1}]}, 
		{name: '班次', val: 'abcban', data: [{val: 'A', name: 'A班'}, {val: 'B', name: 'B班'}, {val: 'C', name: 'C班'}]}, 
		{name: '产品型号', val:'productModel', data: [{name: 'φ19', val: 19}, {name: 'φ22', val: 22}, {name: 'φ25', val: 25}, {name: 'φ28', val: 28}, {name: 'φ32', val: 32}]},
	];

 Vue代码：

var vm = new Vue({
		el: '#listApp',
		data: {
			radioDatalist : radioDatalists,
			list: [], //一个数组搞定
//这里就不用单独定义这些变量了
			//zaobanwanban: '', //白、晚班
			//abcban: '', //A、B班
			//productModel: '', //产品型号
		},
})