select选择框

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

# select选择框

值:
值:[ 0, 1 ]
<el-row :span="24">
  <el-col :span="6">
     值:{{form}}<br/>
     <avue-select v-model="form" placeholder="请选择内容" type="tree" :dic="dic"></avue-select>
  </el-col>
   <el-col :span="24"></el-col>
   <el-col :span="6">
     值:{{form1}}<br/>
     <avue-select all multiple v-model="form1" placeholder="请选择内容" type="tree" :dic="dic"></avue-select>
  </el-col>
</el-row>
<script>
export default {
    data() {
      return {
        form:'',
        form1:[0,1],
        dic:[{
          label:'选项1',
          desc:'描述1',
          disabled:true,
          value:0
        },{
          label:'选项2',
          desc:'描述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
30
31
32
Expand Copy
Last update: September 15, 2022 11:06
Contributors: smallwei
您正在浏览基于 Vue 2.x 的 Avue 文档; 点击这里 查看 Vue 3.x 的升级版本