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

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

具体描述如下:

img


是文字+日期为一行;

img


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


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

  • 写回答

1条回答 默认 最新

  • cjh_code 2021-11-29 10: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月19日
  • 已采纳回答 1月11日
  • 创建了问题 11月29日