Select 选择器

  • Post author:
  • Post category:其他


一、当选项过多时,使用下拉菜单展示并选择内容(可以利用搜索功能快速查找选项)

二、样式截图

1、选择器

2、选择器内容展示

3、选择器查询(和2结合一起看)

三、代码展示

<template>

<el-select v-model=”value” filterable placeholder=”请选择”>

<el-option

v-for=”item in options”

:key=”item.value”

:label=”item.label”

:value=”item.value”>

</el-option>

</el-select>

</template>

data() {


return {


options: [{


value: ‘选项1’,

label: ‘黄金糕’

}, {


value: ‘选项2’,

label: ‘双皮奶’

}, {


value: ‘选项3’,

label: ‘蚵仔煎’

}, {


value: ‘选项4’,

label: ‘龙须面’

}, {


value: ‘选项5’,

label: ‘北京烤鸭’

}],

value: ”

}

}



版权声明:本文为m18731455318原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。