三元运算符

Change!!

已于 2023-11-09 16:02:09 修改

阅读量121

点赞数

分类专栏： table表格 vue 文章标签： javascript vue.js elementui

于 2021-11-08 09:18:13 首次发布

本文链接：https://blog.csdn.net/weixin_46172085/article/details/121194653

版权

vue 同时被 2 个专栏收录

44 篇文章 2 订阅

订阅专栏

table表格

11 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue.js项目中利用Element UI组件库的来动态渲染表格内容，并结合内联样式控制单元格颜色。示例展示了根据支付方式（如微信、支付宝或其他）和状态（如货架状态）来定制显示和样式，为前端开发人员提供了一种灵活的数据展示方法。

摘要由CSDN通过智能技术生成

 
<el-table-column  label="支付方式" prop="paymentMode " align="center">
	<template slot-scope="{row}">
	   <span>支付渠道：{{row.paymentMode == 1?'微信' : orderData.paymentMode == 2?'支付宝' :'其他' }}</span>
	</template>
**</el-table-column>
2.和样式结合使用**
<span :style="{'color': scope.row.shelf == 0 ? '#13CE66' : 'red'}"> </span>