search

Tencent / tdesign-miniprogram

A Wechat MiniProgram UI components lib for TDesign.
https://tdesign.tencent.com/miniprogram
MIT License
1.24k stars 280 forks source link

[t-check-tag] 点击无法进行选中和取消选中 #2959

Open lbxx11 opened 5 months ago

lbxx11 commented 5 months ago

tdesign-miniprogram 版本

1.4.5

重现链接

No response

重现步骤

<t-check-tag class="margin-16" checked size="large" variant="light-outline" content="{{ ['已选中态', '未选中态'] }}" bind:change="handleTagChange" />

这样写的，但是在界面上，点击tag，它的状态不会改变，但是handleTagChange这个handler会有触发

期望结果

期望组件能被选中和取消选中

实际结果

无法点击选中或取消选中

基础库版本

3.4.7

补充说明

No response

github-actions[bot] commented 5 months ago

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

anlyyao commented 4 months ago

@lbxx11 你用的check属性，这是个受控属性，需要你手动更新值来处理选中/未选中。我们的示例使用的是 default-checked 非受控属性。官网 https://tdesign.tencent.com/miniprogram/components/tag 中有完整的组件示例代码片段，你可以先导到自己开发者工具中看下效果，并参考示例代码～

liangRongZhen commented 2 months ago

我也出现了这种情况，将官方代码导入以后也无法点击 微信图片_20240910172425

lbxx11 commented 2 months ago

是的，还是有问题，我换用其他组件了

anlyyao commented 2 months ago

我也出现了这种情况，将官方代码导入以后也无法点击 微信图片_20240910172425

是这个版本的问题，你在终端执行 npm i tdesign-miniprogram@latest ，拉最新的版本，是正确的

anlyyao commented 2 months ago

@liangRongZhen @lbxx11 代码片段，组件库版本 1.6.0 https://developers.weixin.qq.com/s/zfLt66mF7HUU