checkbox多选

... 2022-9-15 Less than 1 minute

# checkbox多选

值:[ 0, 1 ]
值:[]
<el-row :span="24">
  <el-col :span="6">
     值:{{form}}<br/>
    <avue-checkbox v-model="form" placeholder="请选择内容" :dic="dic"></avue-checkbox>
  </el-col>
  <el-col :span="24"></el-col>
  <el-col :span="6">
     值:{{form1}}<br/>
    <avue-checkbox all v-model="form1" placeholder="请选择内容" :dic="dic"></avue-checkbox>
  </el-col>
</el-row>
<script>
export default {
    data() {
      return {
        form:[0,1],
        form1:[],
        dic:[{
          label:'选项1',
          value:0
        },{
          label:'选项2',
          value:1
        }]
      }
    }
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Expand Copy
Last update: September 15, 2022 11:06
Contributors: smallwei
您正在浏览基于 Vue 2.x 的 Avue 文档; 点击这里 查看 Vue 3.x 的升级版本