APIbeta

Select (临时)

Introduce

props

名称 描述 类型 可选值 默认值
value / v-model 绑定值 boolean / string / number — —
multiple 是否多选 /(目前仅支持 pc 端) boolean — false
disabled 是否禁用 boolean — false
placeholder 占位符 string — 请选择
filterable 是否可搜索/(目前仅支持 pc 端) boolean — false

events

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

methods

-

example

示例代码.

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
33
34
35
36
37
38
39
<template>
  <bp-select
    v-model="value"
    @change="changeEvent"
    filterable
    :placeholder="'搜索歌曲'"
  >
    <bp-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></bp-option>
  </bp-select>
</template>

<script>
  export default {
    data() {
      return {
     options:[
    {
      value: "1",
      label: "七里香"
    },
    {
      value: "2",
      label: "稻香"
    },
    {
      value: "3",
      label: "东风破"
    }
  ],
        value: "1"
      };

  };
</script>