Skip to content

基本使用

vue

<template>
  <zeroSelect :options="opt" multiple v-model="value"></zeroSelect>
</template>
<script setup>
  import {ref, reactive} from 'vue';

  const value = ref([1]);
  const opt = reactive([
    {
      label: '菜单1',
      disabled: false,
      value: 1
    },
    {
      label: '菜单2',
      disabled: false,
      value: 2
    },
    {
      label: '菜单3',
      disabled: true,
      value: 3
    }
  ]);
</script>

属性

属性名说明可选值默认值类型
v-model/modelValue双向绑定的值--Number/String/Array
options选择器选项--Array
multiple是否多选--Boolean