element表格添加查看操作

佚名 6年前 (2019-04-23) 随笔 1292人围观抢沙发百度已收录

表格代码：黄色部分关键代码

首先看效果：

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

<el-table
        :data="tableData"
        border
        height="480"
        style="width: 100%">
    <el-table-column
            label="序号"
            width="70px">
        <template slot-scope="scope">
            {{scope.$index+1}}
        </template>
    </el-table-column>
    <el-table-column
            prop="name"
            label="项目编号">
    </el-table-column>
    <el-table-column
            prop="address"
            label="项目名称">
    </el-table-column>
    <el-table-column
            prop="address"
            label="建设单位（招标人）">
    </el-table-column>
    <el-table-column
            prop="address"
            label="招标人所属行业">
    </el-table-column>
    <el-table-column label="操作">
        <template slot-scope="scope">
            <el-button
                    size="mini"
                    type="info"
                    @click="handleEdit(scope.$index, scope.row)">查看
            </el-button>
        </template>
    </el-table-column>
</el-table>