tdesign 表格多选

用TDesign的表格,实现多选的时候,我按照官方文档做了,但
是为什么实际不显示呢

img

img

img

  • 你看下这篇博客吧, 应该有用👉 :TDesign开发流程体验
  • 以下回答由chatgpt基于相关博客总结生成:

    根据提供的资料,我们可以看到该问题涉及到使用 TDesign 的表格组件实现多选功能后没有显示多选效果。可能的原因有以下几点:

    1. 没有正确引入 TDesign 的表格组件:
    2. 确保已经安装了 TDesign 的 UI 框架,在安装路径 https://tdesign.tencent.com/vue/components/quick-start 可以找到安装步骤。
    3. 确保已正确引入了表格组件,可以参考 TDesign 的文档中关于表格组件的使用说明。

    4. 没有正确配置表格组件的多选属性:

    5. 确保已经正确配置了表格组件的多选属性,例如 isMultiplemultiple,根据 TDesign 的文档中关于表格组件的使用说明来确定。

    6. 没有在代码中显示多选效果:

    7. 检查代码中是否正确的监听和处理了表格组件中的多选事件。
    8. 确保在表格组件中具有正确的数据源并且可以正确渲染多选框。

    以下是一个可能的解决方案的示例代码,供参考:

    <template>
      <td-table :data="tableData" :is-multiple="true" @select="handleSelect">
        <td-table-column type="selection" width="50" align="center"></td-table-column>
        <td-table-column label="Name" prop="name"></td-table-column>
        <td-table-column label="Age" prop="age"></td-table-column>
        <td-table-column label="Gender" prop="gender"></td-table-column>
      </td-table>
    </template>
    
    <script>
    export default {
      data() {
        return {
          tableData: [
            { name: 'John', age: 25, gender: 'Male' },
            { name: 'Jane', age: 30, gender: 'Female' },
            { name: 'Tom', age: 28, gender: 'Male' }
          ]
        };
      },
      methods: {
        handleSelect(selection) {
          // 处理选中的数据
          console.log(selection);
        }
      }
    };
    </script>
    

    请注意,以上代码仅供参考,并不保证完全有效,具体的解决方法可能还取决于具体的环境和代码实现。如有需要,请参考 TDesign 的文档或在相关社区寻求进一步的帮助。

回答:其实是因为代码修改了,t-base-table需要改为t-table

img

img

img

img

很奇怪的