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

[Select] select设置多个option时报错

Open wenkeming opened this issue 2 years ago • 14 comments

tdesign-vue 版本

1.x

重现链接

https://stackblitz.com/edit/github-lt63wd-ymd8nq?file=src/App.vue

重现步骤

报错的地方为2处,均为1.0.0优化select后出现的: image image

期望结果

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 avatar Dec 28 '22 08:12 wenkeming

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

github-actions[bot] avatar Dec 28 '22 08:12 github-actions[bot]

♥️ 有劳 @geff1991 @skytt @uyarn 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @wenkeming 。

github-actions[bot] avatar Dec 28 '22 08:12 github-actions[bot]

谢谢,问题收到

skytt avatar Dec 28 '22 08:12 skytt

@wenkeming 问一下,在实际的项目工程里也是同样的报错么?

skytt avatar Dec 28 '22 08:12 skytt

@wenkeming 问一下,在实际的项目工程里也是同样的报错么?

@skytt 是的,项目比较老,用的webpack3

wenkeming avatar Dec 29 '22 02:12 wenkeming

https://github.com/Tencent/tdesign-vue/pull/1975 @skytt 修复了 发了个alpha验证了一下 [email protected]

https://stackblitz.com/edit/github-lt63wd-eitfet?file=package.json

uyarn avatar Dec 29 '22 02:12 uyarn

已在 1.0.3 修复

xiaosansiji avatar Jan 05 '23 07:01 xiaosansiji

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 修复

chiyu1996 avatar Jan 11 '23 09:01 chiyu1996

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

wenkeming avatar Jan 11 '23 09:01 wenkeming

value="item.value" 这个在demo里改了,之前复制错了

chiyu1996 avatar Jan 11 '23 09:01 chiyu1996

value="item.value" 这个在demo里改了,之前复制错了

package里的vuevue-template-compiler得固定下版本,不然会装成2.7.x

wenkeming avatar Jan 11 '23 09:01 wenkeming

固定版本以后就能显示了。现在还有t-option显示为空的问题 @xiaosansiji

chiyu1996 avatar Jan 11 '23 09:01 chiyu1996

https://stackblitz.com/edit/github-lt63wd-ptngr6 更新一下demo,加上composition-api以后也还是不行

chiyu1996 avatar Dec 05 '23 09:12 chiyu1996

https://stackblitz.com/edit/github-lt63wd-ptngr6 更新一下demo,加上composition-api以后也还是不行

image 好家伙,label只能string

wenkeming avatar Dec 13 '23 03:12 wenkeming