月鹿01 2021-11-29 02:05 采纳率: 54.5%
浏览 368
已结题

我想在Elementui里的el-table里实现两行数据

具体描述如下:

img


是文字+日期为一行;

img


不是张三李四为一行,日期为一行;
我分析了网页呈现出来的代码,是用的span分开,再写了两个p标签,但是因为使用el-table,我不太明白怎么操作成这个样子。
麻烦各位帮忙解答一下,谢谢。


以下为凑字数的禁止重复输入同样的词汇或符号

  • 写回答

1条回答 默认 最新

  • cjh_code 2021-11-29 02:22
    关注

    利用插槽去改自己想要的样式

    <template>
      <div>
        <el-table :data="formList" style="width: 80%">
          <el-table-column label="信息">
            <template v-slot="{ row }">
              <div>
                <span>{{row.name}}</span>
                <p>{{row.date}}</p>
              </div>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </template>
    <script>
    export default {
      name: "",
      data() {
        return {
          formList: [
            {
              name: "zs",
              date: "2021-11-22",
            },
            {
              name: "ls",
              date: "2021-11-28",
            },
          ],
        };
      },
      computed: {},
      methods: {},
    };
    </script>
    <style lang="less" scoped></style>
    
    
    
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 1月18日
  • 已采纳回答 1月11日
  • 创建了问题 11月29日

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部