github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-24 10:33:50 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

chore(demo): 自定义列的helpMessage增加tsx和h函数渲染的数据

Browse Source
This commit is contained in:
invalid w 2023-11-07 11:17:42 +08:00
parent c373ffd3bf
commit 8ef39def79
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/demo/table/CustomerCell.vue
View File

@ -27,8 +27,8 @@
</BasicTable> </BasicTable>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="tsx">
import { defineComponent } from 'vue'; import { defineComponent, h } from 'vue';
import { BasicTable, useTable, BasicColumn, TableImg } from '/@/components/Table'; import { BasicTable, useTable, BasicColumn, TableImg } from '/@/components/Table';
import { Tag, Avatar } from 'ant-design-vue'; import { Tag, Avatar } from 'ant-design-vue';
import { demoListApi } from '/@/api/demo/table'; import { demoListApi } from '/@/api/demo/table';
@ -37,12 +37,14 @@
{ {
title: 'ID', title: 'ID',
dataIndex: 'id', dataIndex: 'id',
helpMessage: <div>这个是tsx渲染出来的helpMessage</div>,
// slots: { customRender: 'id' }, // slots: { customRender: 'id' },
}, },
{ {
title: '头像', title: '头像',
dataIndex: 'avatar', dataIndex: 'avatar',
width: 100, width: 100,
helpMessage: h('div', '这是vue h函数渲染出来的helpMessage'),
// slots: { customRender: 'avatar' }, // slots: { customRender: 'avatar' },
}, },
{ {