zoukankan      html  css  js  c++  java
  • elementui中的el-table中拼接两个列表字段

    我们知道,在ElementUI中我们是使用下面的语法来展示列表字段的:

    <el-table :data="yanggbs" stripe style=" 100%">
            <el-table-column prop="yanggb1" label="yanggb1" width="180" />
    </el-table>

    但是有的时候我们可能想要将多个字段拼接在一个表格列中,这时候就需要借助template标签来实现。

    <el-table :data="yanggbs" stripe style=" 100%">
        <el-table-column prop="yanggb1" label="yanggb1" width="180">
            <template slot-scope="scope">
                {{scope.row.yanggb1}}{{scope.row.yanggb2}}
            </template>
        </el-table-column>
    </el-table>

    在上面的例子中就完成了拼接两个列表字段的操作,我相信聪明的你一看就能看懂。

    "小时候我们词不达意,长大了我们言不由衷。"

  • 相关阅读:
    Win搭建JAVA环境
    Python JSON存储数据
    XML
    模块5
    模块4
    模块3
    模块2
    模块
    开放封闭原则
    函数续
  • 原文地址:https://www.cnblogs.com/yanggb/p/11586174.html
Copyright © 2011-2022 走看看