From 55dafbef597a24763604826a8e5d3e3cc70f098a Mon Sep 17 00:00:00 2001 From: zcj <18137693952@163.com> Date: Sun, 11 Sep 2022 20:22:57 +0800 Subject: [PATCH] =?UTF-8?q?fix(input):=20=E7=BB=91=E5=AE=9A=E6=95=B0?= =?UTF-8?q?=E6=8D=AE=E4=B8=BA=20ref(null)=20=E5=AF=BC=E8=87=B4=E6=97=A0?= =?UTF-8?q?=E6=B3=95=E8=8E=B7=E5=8F=96=20length=20=E7=9A=84=E9=94=99?= =?UTF-8?q?=E8=AF=AF=20(close=20#1329)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/devui-vue/devui/input/src/input.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/devui-vue/devui/input/src/input.tsx b/packages/devui-vue/devui/input/src/input.tsx index b06d36a345..36932f00a2 100644 --- a/packages/devui-vue/devui/input/src/input.tsx +++ b/packages/devui-vue/devui/input/src/input.tsx @@ -40,7 +40,9 @@ export default defineComponent({ const suffixVisible = ctx.slots.suffix || props.suffix || props.showPassword || props.clearable; const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value); - const showClearable = computed(() => props.clearable && !inputDisabled.value); + const showClearable = computed(() => { + return props.clearable && !inputDisabled.value && modelValue.value?.length > 0; + }); watch( () => props.modelValue, @@ -89,7 +91,7 @@ export default defineComponent({ onClick={clickPasswordIcon} /> )} - {showClearable.value && modelValue.value.length > 0 && ( + {showClearable.value && ( )}