fix(input): 修复 Input 组件切换 type 后不生效的问题

修复 Input 组件切换 type 后不生效的问题
Tencent · Jul 10, 2022 · 2b23a87 · 2b23a87
1 parent 63b83ea
commit 2b23a87
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/input/input.tsx b/src/input/input.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, h, computed } from 'vue';
+import { defineComponent, h, computed, watch } from 'vue';
 import { BrowseIcon, BrowseOffIcon, CloseCircleFilledIcon } from 'tdesign-icons-vue-next';
 import camelCase from 'lodash/camelCase';
 import kebabCase from 'lodash/kebabCase';

diff --git a/src/input/useInput.ts b/src/input/useInput.ts
@@ -138,6 +138,14 @@ export default function useInput(props: TdInputProps, expose: (exposed: Record<s
     { immediate: true },
   );
 
+  watch(
+    () => props.type,
+    (v) => {
+      renderType.value = v;
+    },
+    { immediate: true },
+  );
+
   expose({
     focus,
     blur,