Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.44k stars 464 forks source link

[table] table COLUMNS 中 title 和 colKey 的属性名一致 插槽会报错读取不到对应 colKey 属性 #4646

Closed zhyblack closed 6 days ago

zhyblack commented 1 week ago

tdesign-vue-next 版本

1.9.9

重现链接

No response

重现步骤

{
    title: 'createTime',
    colKey: 'createTime',
  },
<template #createTime="{ col, row }">
        {{ row[col.colKey] }}
      </template>

期望结果

正常输出 经过测试 只要 title colKey 属性值不一致 就是正常的

实际结果

index.vue:39 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'createTime') at index.vue:39:33 at Proxy.renderFnWithContext (runtime-core.esm-bundler.js:774:13) at renderTitle (useTableHeader.tsx:18:22) at thead.tsx:161:27 at Array.map () at thead.tsx:124:27 at Array.map () at renderThNodeList2 (thead.tsx:123:26) at Proxy.render30 (thead.tsx:223:10) at renderComponentRoot (runtime-core.esm-bundler.js:834:16)

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 1 week ago

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

chaishi commented 6 days ago

如果传入的插槽,插槽名称 和 title 一致,或者和 colKey 一致,那么字符串会被当做插槽名进行动态渲染。

如果希望 title 显示为字符串,需避免存在同名的插槽