【vue+elementUI】要根据数组里的每一项值里面的某一个状态决定是否显示或样式

最新推荐文章于 2024-01-09 10:13:17 发布

逆风飞翔的代码单身狗

最新推荐文章于 2024-01-09 10:13:17 发布

阅读量845

点赞数 1

分类专栏： vue 文章标签： elementui vue

本文链接：https://blog.youkuaiyun.com/weixin_41530639/article/details/117019950

版权

本文介绍了如何在 Vue 框架结合 ElementUI 的表格组件中，利用数据对象的特定字段（如 use_charge）来决定表格内图标或单元格的显示与样式。通过对数据的判断，实现动态控制表格内容的呈现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

elementUI 根据某一行或列的状态显示不同的内容

在这里插入图片描述


   // 表格数据
   tableData: [
    {
     index: 1,
     date: "1981-06-26",
     dayTime: "下午05：00",
     discription: "影响注记服务",
     name: "影响注记服务",
     type: "普通用户",
     address: "上海市普陀区金沙江路 1518 弄",
     use_charge: true,
     management_charge:true
    },
    {
     index: 2,
     date: "1981-06-26",
     dayTime: "下午05：00",
     discription: "影响注记服务",
     name: "影响注记服务",
     type: "普通用户",
     address: "上海市普陀区金沙江路 1517 弄",
     use_charge: false,
     management_charge:true
    },
    {
     index: 3,
     date: "1981-06-26",
     dayTime: "下午05：00",
     discription: "影响注记服务",
     name: "影响注记服务",
     type: "普通用户",
     address: "上海市普