tdesign-vue
tdesign-vue copied to clipboard
[Select] select设置多个option时报错
tdesign-vue 版本
1.x
重现链接
https://stackblitz.com/edit/github-lt63wd-ymd8nq?file=src/App.vue
重现步骤
报错的地方为2处,均为1.0.0优化select后出现的:
期望结果
https://stackblitz.com/edit/github-lt63wd-4wsrdb?file=src/App.vue
这个是0.52.2的版本,没问题
实际结果
No response
框架版本
Vue 2.6.12, webpack 3.12.0
浏览器版本
No response
系统版本
No response
Node版本
14.18.2
补充说明
No response
👋 @wenkeming,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
♥️ 有劳 @geff1991 @skytt @uyarn 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @wenkeming 。
谢谢,问题收到
@wenkeming 问一下,在实际的项目工程里也是同样的报错么?
@wenkeming 问一下,在实际的项目工程里也是同样的报错么?
@skytt 是的,项目比较老,用的webpack3
https://github.com/Tencent/tdesign-vue/pull/1975 @skytt 修复了 发了个alpha验证了一下 [email protected]
https://stackblitz.com/edit/github-lt63wd-eitfet?file=package.json
已在 1.0.3 修复
https://stackblitz.com/edit/github-lt63wd-ewjgxm 使用webpack5时有遇到类似的问题。 另外还有个问题,本地这样的写法
<t-select>
<t-option
v-for="item in options"
:key="item.value"
value="item.value"
:label="item.label"
>
{{ item.label }}
</t-option>
</t-select>
这样的代码显示为暂无数据
<t-select :options="options"></t-select>
这样的代码是正常 不知道是哪里出了问题
已在 1.0.3 修复
https://stackblitz.com/edit/github-lt63wd-ewjgxm 使用webpack5时有遇到类似的问题。 另外还有个问题,本地这样的写法
<t-select> <t-option v-for="item in options" :key="item.value" value="item.value" :label="item.label" > {{ item.label }} </t-option> </t-select>
这样的代码显示为暂无数据
<t-select :options="options"></t-select>
这样的代码是正常 不知道是哪里出了问题
已在 1.0.3 修复
刚测试了下,确实是
PS:demo的package
有问题,value="item.value"
应该为:value="item.value"
是不是得reopen啊 @xiaosansiji
value="item.value" 这个在demo里改了,之前复制错了
value="item.value" 这个在demo里改了,之前复制错了
package里的vue
和vue-template-compiler
得固定下版本,不然会装成2.7.x
固定版本以后就能显示了。现在还有t-option显示为空的问题 @xiaosansiji
https://stackblitz.com/edit/github-lt63wd-ptngr6 更新一下demo,加上composition-api以后也还是不行
https://stackblitz.com/edit/github-lt63wd-ptngr6 更新一下demo,加上composition-api以后也还是不行