Welcome to Qi-U Community for programmer and developer-Open, Learning and Share

Categories

0 votes
497 views
in Technique[技术] by (31.9m points)

element table怎么条件渲染

<el-table :data="orderList" border style="width: 100%">
    <el-table-column prop="price" label="订单金额">
    </el-table-column>
    <el-table-column prop="createTime" label="下单日期">
    </el-table-column>
    <el-table-column prop="orderStatus" label="订单状态"> //1:已支付  2:未支付,现在渲染出是1,2
    </el-table-column>
</el-table>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

Please log in or register to answer this question.

1 Answer

0 votes
by (31.9m points)
<el-table-column prop="orderStatus" label="订单状态"> //1:已支付  2:未支付
<template slot-scope="scope">
{{ scope.row.orderStatus == 1 ? '已支付' : scope.row.orderStatus == 2 ? '未支付' : '-' }}
</template>
    </el-table-column>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Qi-U Community for programmer and developer-Open, Learning and Share
...