CheckBox多选框

基本用法

一个基本的checkbox

关羽

张飞

赵云

黄忠

可以使用 gan-check 标签声明一个多选框组件

<template>
  <div>
    <gan-check label="关羽" value="1"/>
    <gan-check label="张飞" value="2"/>
    <gan-check label="赵云" value="3"/>
    <gan-check label="黄忠" value="4"/>
  </div>
</template>
<script>
export default {
  data: () => ({
  })
}
</script>

显示代码

多选框组

一个基本的checkbox

关羽

张飞

赵云

黄忠

可以使用 gan-check 标签声明一个多选框组件

<template>
  <gan-check-group v-model="model">
    <gan-check label="关羽" value="1"/>
    <gan-check label="张飞" value="2"/>
    <gan-check label="赵云" value="3"/>
    <gan-check label="黄忠" value="4"/>
  </gan-check-group>
</template>
<script>
export default {
  data: () => ({
    model: []
  })
}
</script>

显示代码