小鹅通组件

# Select 选择器

当选项过多时，使用下拉菜单展示并选择内容

# 初始化

单独引入时：在入口js文件处引入

import { Select } from '@xiaoe/sense'
import '@xiaoe/sense/static/index.css'
Vue.use(Select)
1
2
3

# 效果

# 基础用法


<ss-select v-model="select" placeholder="吃不吃小龙虾">
  <ss-option value="1" label="小龙虾"></ss-option>
  <ss-option value="2" label="来两斤"></ss-option>
  <ss-option value="3" label="不，三斤"></ss-option>
</ss-select>
1
2
3
4
5

# 有禁用选项



<ss-select v-model="select1">
  <ss-option value="1" label="不买小龙虾" disabled></ss-option>
  <ss-option value="2" label="买个四斤小龙虾"></ss-option>
  <ss-option value="3" label="买个五斤小龙虾"></ss-option>
</ss-select>
1
2
3
4
5

# 禁用状态



<ss-select v-model="select2" disabled placeholder="小鹅通最好了，你不用选了">
</ss-select>
1
2

# option为空



<ss-select v-model="select3"></ss-select>
1

# 多选



<ss-select v-model="select4" multiple>
  <ss-option value="1" label="小鹅通"></ss-option>
  <ss-option value="2" label="无与伦比"></ss-option>
  <ss-option value="3" label="超时代"></ss-option>
  <ss-option value="4" label="摩天轮"></ss-option>
  <ss-option value="5" label="地表最强"></ss-option>
</ss-select>
1
2
3
4
5
6
7

# 参数

参数 说明 类型 默认值 可选值
value value 值 String / Number — —
placeholder 占位符 String 请选择 —
disabled 是否禁用 Boolean false —
multiple 是否多选 Boolean false —

# 事件

事件名称 说明 回调参数
change 选中值发生变化时触发 目前的选中值
input 选中值发生变化时触发 目前的选中值

← shareModal 分享弹窗 →