[新增] select组件支持关键词筛选列表

This commit is contained in:
castleiMac
2022-04-03 17:29:02 +08:00
parent d686c7ef41
commit 49f5997934
3 changed files with 39 additions and 28 deletions

View File

@@ -4,7 +4,7 @@
::: title 基本介绍
:::
::: describe 用于代替原生的选择器,或者需要一个更优雅的多选器时。
::: describe 用于代替原生的选择器,或者需要一个更优雅的多选器时。支持关键词查询
:::
::: title 基础使用
@@ -40,10 +40,10 @@ export default {
::: demo
<template>
<lay-button @click="change1">切换-当前值 : {{value}}</lay-button>
<lay-button @click="change1">切换-当前值 : {{value2}}</lay-button>
<br/>
<br/>
<lay-select v-model="value">
<lay-select v-model="value2">
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="2" label="编码"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
@@ -55,13 +55,13 @@ import { ref } from 'vue'
export default {
setup() {
const value = ref(null);
const value2 = ref(null);
var i = 1;
function change1(){
value.value=i++%3+1
value2.value=i++%3+1
}
return {
value,
value2,
change1
}
}
@@ -106,7 +106,7 @@ export default {
::: demo
<template>
<lay-select v-model="selected">
<lay-select v-model="selected2">
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
@@ -132,10 +132,10 @@ import { ref } from 'vue'
export default {
setup() {
const selected = ref('1')
const selected2 = ref('1')
return {
selected
selected2
}
}
}