lxm_front/vxe-table
1
0
Fork 0
mirror of synced 2025-12-08 22:58:56 +08:00
Code Issues Projects Releases Wiki Activity

releases 4.1.18

Browse Source
This commit is contained in:
xuliangzhan
2021-12-26 17:52:20 +08:00
parent 6996fcadc1
commit 751bee89d7
6 changed files with 30 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/api/modal.ts
View File

@@ -11,7 +11,7 @@ const apis = [
name: 'modelValue',
descKey: 'app.api.modal.desc.value',
version: '',
type: 'any',
type: 'boolean',
enum: '',
defVal: '',
list: []

32
examples/views/pulldown/Pulldown.vue
View File

@@ -4,7 +4,7 @@
<p class="tip">下拉容器，可以非常简单的基于下拉容器去实现各种下拉组件。查看 <router-link class="link" :to="{name: 'VXEAPI', params: {name: 'pulldown'}}">API</router-link></p>
<p>
<vxe-pulldown ref="xDown1">
<vxe-pulldown v-model="demo1.visible">
<template #default>
<vxe-input v-model="demo1.value1" placeholder="可搜索的下拉框" @focus="focusEvent1" @keyup="keyupEvent1"></vxe-input>
</template>
@@ -116,15 +116,13 @@ export default defineComponent({
]
const demo1 = reactive({
visible: false,
value1: '',
list1: data1
})
const xDown1 = ref({} as VxePulldownInstance)
const focusEvent1 = () => {
const $pulldown1 = xDown1.value
$pulldown1.showPanel()
demo1.visible = true
}
const keyupEvent1 = () => {
@@ -132,11 +130,9 @@ export default defineComponent({
}
const selectEvent1 = (item: ItemVO1) => {
const $pulldown1 = xDown1.value
demo1.value1 = item.label
$pulldown1.hidePanel().then(() => {
demo1.list1 = data1
})
demo1.visible = false
demo1.list1 = data1
}
const data2: ItemVO2[] = [
@@ -259,7 +255,6 @@ export default defineComponent({
return {
demo1,
xDown1,
focusEvent1,
keyupEvent1,
selectEvent1,
@@ -281,7 +276,7 @@ export default defineComponent({
demoCodes: [
`
<p>
<vxe-pulldown ref="xDown1">
<vxe-pulldown v-model="demo1.visible">
<template #default>
<vxe-input v-model="demo1.value1" placeholder="可搜索的下拉框" @focus="focusEvent1" @keyup="keyupEvent1"></vxe-input>
</template>
@@ -378,27 +373,23 @@ export default defineComponent({
]
const demo1 = reactive({
visible: false,
value1: '',
list1: data1
})
const xDown1 = ref({} as VxePulldownInstance)
const focusEvent1 = () => {
const $pulldown1 = xDown1.value
$pulldown1.showPanel()
demo1.visible = true
}
const keyupEvent1 = () => {
demo1.list1 = demo1.value1 ? data1.filter((item) => item.label.indexOf(demo1.value1) > -1) : data1
}
const selectEvent1 = (item: ItemVO) => {
const $pulldown1 = xDown1.value
const selectEvent1 = (item: ItemVO1) => {
demo1.value1 = item.label
$pulldown1.hidePanel().then(() => {
demo1.list1 = data1
})
demo1.visible = false
demo1.list1 = data1
}
const data2: ItemVO[] = [
@@ -522,7 +513,6 @@ export default defineComponent({
return {
demo1,
xDown1,
focusEvent1,
keyupEvent1,
selectEvent1,