账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-table-column 动态生成相关
    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元素中,我们设置了TableHeadTableBody,并为每个列定义了TableColumn元素。最后,我们为每个列的dataIndex属性设置了对应的值。

      注意,这个例子中的dataIndex属性是字符串,而不是一个数字。这意味着,每个列的列标题将在其对应的索引处显示。例如,'name'将会显示在表格的标题列中,'age'将会显示在表格的年龄列中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部