tdesign-vue-next icon indicating copy to clipboard operation
tdesign-vue-next copied to clipboard

[t-input] type=password时,使用自定义的suffixIcon插槽被覆盖

Open raohuiyong opened this issue 2 years ago • 2 comments

tdesign-vue-next 版本

1.9.0

重现链接

No response

重现步骤

需求:密码输入框右侧小眼睛鼠标按下时明文显示,松开鼠标使用***代替。然后我就想自定义一个后置图标去动态切换type的类型为text或password

<t-input
        v-model="formData.password"
        type="password"
        autocomplete="new-password"
      >
        <template #suffixIcon>
          <eye-svg />
        </template>
      </t-input>

期望结果

如果用户有自定义的前置prefixIcon或者后置suffixIcon图标,优先使用用户自定义的图标

实际结果

自定义一个后置图标,被password默认的图标给覆盖了

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

18

补充说明

No response

raohuiyong avatar Mar 18 '24 08:03 raohuiyong

👋 @raohuiyong,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Mar 18 '24 08:03 github-actions[bot]

期待解决中

raohuiyong avatar Apr 10 '24 08:04 raohuiyong