fix: 🐞 Fixed the clearable invalid issue of IconSelect component for MenuForm page

- 修复 MenuForm 页面 IconSelect 组件可清除无效问题
pull/522/head
AhJindeg 2024-08-23 10:32:45 +08:00
parent 814f9ba9c6
commit d407bc3c41
1 changed files with 11 additions and 1 deletions

View File

@ -11,6 +11,10 @@ const props = defineProps({
modelValue: { modelValue: {
require: false, require: false,
type: String type: String
},
clearable: {
require: false,
type: Boolean
} }
}) })
const emit = defineEmits<{ (e: 'update:modelValue', v: string) }>() const emit = defineEmits<{ (e: 'update:modelValue', v: string) }>()
@ -92,6 +96,12 @@ function onCurrentChange(page) {
currentPage.value = page currentPage.value = page
} }
function clearIcon() {
icon.value = ''
emit('update:modelValue', '')
visible.value = false
}
watch( watch(
() => { () => {
return props.modelValue return props.modelValue
@ -115,7 +125,7 @@ watch(
<template> <template>
<div class="selector"> <div class="selector">
<ElInput v-model="inputValue" @click="visible = !visible"> <ElInput v-model="inputValue" @click="visible = !visible" :clearable="props.clearable" @clear="clearIcon">
<template #append> <template #append>
<ElPopover <ElPopover
:popper-options="{ :popper-options="{