在 uniapp下使用uview的多选框记录

1,595 阅读1分钟

image.png

html内

<u-checkbox-group @change="checkboxGroupChange" :size="size" :wrap="true">
<u-checkbox v-model="item.checked" :icon-size="size" :label-size="labelsize" v-for="(item, index) in checklist" :key="index" :name="item.name">{{item.name}}</u-checkbox>
 </u-checkbox-group>

data内



//复选框设置参数
				shape: "square",
				size: 40,//单选框大小
				labelsize: 40,//文字 和 钩子大小
//复选框设置参数
				checklist: [
								{
									name: 'apple',
									checked: false,
									disabled: false
								},
								{
									name: 'banner',
									checked: false,
									disabled: false
								},
								{
									name: 'orange',
									checked: false,
									disabled: false
								}
							]

method内

//多选框事件
			checkboxGroupChange(e) {
						console.log(e);
					},

返回结果e 为

image.png