Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DatePicker、DateRangePicker] prefixIcon、suffixIcon 插槽不生效,内容无法被渲染。 #1673

Closed
khawa-angx opened this issue Sep 15, 2022 · 2 comments · Fixed by #1724

Comments

@khawa-angx
Copy link

khawa-angx commented Sep 15, 2022

tdesign-vue-next 版本

0.21.0

重现链接

https://codesandbox.io/s/optimistic-gates-gifhkv

重现步骤

DatePicker、DateRangePicker 组件的 prefixIcon、suffixIcon 插槽不生效,不需要任何特殊步骤

期望结果

image
希望能使用插槽实现类似效果

实际结果

image
插槽内容无法渲染到正确的位置,根本就没有渲染。

框架版本

3.2.37

浏览器版本

105.0.5195.102

系统版本

Windows 10

Node版本

16.15.1

补充说明

image
image
貌似是在这里出了问题 https://github.com/Tencent/tdesign-vue-next/blob/develop/src/date-picker/DatePicker.tsx
https://github.com/Tencent/tdesign-vue-next/blob/develop/src/date-picker/DateRangePicker.tsx
v-slots={context.slots}

@github-actions
Copy link
Contributor

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

@khawa-angx
Copy link
Author

khawa-angx commented Sep 15, 2022

DatePicker可以通过 inputProps.label 实现这个效果
DateRangePicker 可以通过 rangeInputProps.label 实现

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant