多项选择器

多项选择器内部由多个checkbox组成

1. @change: 选中项改变时触发
2. value: checkbox的表示, 选中时触发chang事件, 会携带的value值
3. disabled: 是否禁用, 默认为false
4. checked: 当前是否选中, 可用来设置默认选中
5. color: checkbox的颜色, 同css的颜色
6. 调节CheckBox的大小:在css中使用transform:scale(num)

<template>
	<view>
		<!-- 1.多选项目 -->
		<!-- @change:选中项改变时触发 -->
		<checkbox-group @change='change1'>
			<!-- 
				1.value: checkbox的表示, 选中时触发chang事件, 会携带<checkbox>的value值
				2.disabled: 是否禁用, 默认为false
				3.checked: 当前是否选中, 可用来设置默认选中
				4.color: checkbox的颜色, 同css的颜色
				5.调节CheckBox的大小:在css中使用transform:scale(num)
			 -->
			<checkbox value="v1" checked="true"  color="#999">选中</checkbox>
			<checkbox value="v2" style="transform: scale(0.7);">未选中</checkbox>
			<checkbox disabled="true" value="v3">禁用</checkbox>
		</checkbox-group>
	</view>
</template>

methods: {
    change1(e){
        console.log(e)
    }
}