fix: 修复 dropdown 事件穿透问题

WeBankFinTech · Jun 17, 2023 · df65ea1 · df65ea1
1 parent 08273d0
commit df65ea1
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/components/dropdown/dropdown.tsx b/components/dropdown/dropdown.tsx
@@ -95,7 +95,9 @@ export default defineComponent({
         const hasIcon = computed(() =>
             props.options.some((option) => option.icon),
         );
-        const handleClick = (option: Option) => {
+        const handleClick = (option: Option, event: Event) => {
+            event.preventDefault();
+            event.stopPropagation();
             if (option.disabled) return;
             const value = option[props.valueField] as Option['value'];
             currentValue.value = value;
@@ -126,8 +128,8 @@ export default defineComponent({
                     return (
                         <div
                             class={optionClassList}
-                            onClick={() => {
-                                handleClick(option);
+                            onClick={(event: Event) => {
+                                handleClick(option, event);
                             }}
                         >
                             {option.icon && (