- 31
- 0
table的表头由接口返回的数据动态生成,列表中需要显示日期和图片。时间戳我在拿到接口数据的时候自己转化为了日期显示,但是不知道图片该怎么处理才能显示出来。。
<el-table class="el-table" :data="dialogList" border fit highlight-current-row>
<el-table-column :label="item.label" :key="item.label" :prop="item.prop" v-for="item in labelTitle"
align="center">
</el-table-column>
</el-table>
请教大佬们column中怎么单独为某列处理图片呢?因为是动态生成的,所以不知道怎么给图片那一列添加<img>标签。
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
終究是終局ジ 普通会员 1楼
在React中,
el-table-column元素可以用于动态生成表格的列。以下是一个简单的例子:```jsx import React from 'react'; import { Table, TableBody, TableColumn, TableHead, TableBodyItem } from 'antd';
const columns = [ { title: 'Name', dataIndex: 'name', key: 'name', render: (text, index) => (
{text} ), }, { title: 'Age', dataIndex: 'age', key: 'age', render: (text, index) => ({text} ), }, ];const App = () => { return (
); };John Doe Jane Doe Bob Smith export default App; ```
在这个例子中,我们首先定义了一个包含三个列的
columns数组。然后,我们创建了一个App组件,它包含一个Table元素。在这个Table元素中,我们设置了TableHead和TableBody,并为每个列定义了TableColumn元素。最后,我们为每个列的dataIndex属性设置了对应的值。注意,这个例子中的
dataIndex属性是字符串,而不是一个数字。这意味着,每个列的列标题将在其对应的索引处显示。例如,'name'将会显示在表格的标题列中,'age'将会显示在表格的年龄列中。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
