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