uniapp 关于单选组的使用

404 阅读1分钟
<u-radio-group v-model="value" :size="size" :wrap="true">
<u-radio :label-disabled="false" style="margin-left: 20rpx;" :shape="shape"
@change="radioChange" :icon-size="size" :label-size="labelsize"
v-for="(item, index) in list" :key="index" :name="item.name"		:disabled="item.disabled">巡 检点</u-radio>
</u-radio-group>

data内

//单选框设置参数
				shape: "square",
				size: 60,
				labelsize: 40,

				//单选框临时设置
				list: [{
						name: 'apple',
						disabled: false
					},
					{
						name: 'banner',
						disabled: false
					},
					{
						name: 'orange',
						disabled: false
					}
				],

事件

// 选中某个单选框时,由radio时触发
			radioChange(e) {
				// console.log(e);
			},
			// 选中任一radio时,由radio-group触发
			radioGroupChange(e) {
				// console.log(e);
			},