头发别掉 2019-10-23 15:03 采纳率: 0%
浏览 795
已采纳

iview的table组件怎么实现讲特定数据改变颜色

表格中有一列数据key值为 area(如 东A 东B)
如何实现,当area 里的值包含A是让表格中字体为红色
用render

  • 写回答

1条回答 默认 最新

  • qq_30529283 2019-10-23 17:22
    关注

    参考这个

     render: (h, params) => {
                  let status = params.row.orderstatic;
                  let statusColor = "default";
                  let statusText = "未知";
                  switch (status) {
                    case 1:
                      statusText = "未配送";
                      statusColor = "default";
                      break;
                    case 2:
                      statusText = "配送中";
                      statusColor = "default";
                      break;
                    case 3:
                      statusText = "已配送";
                      statusColor = "success";
                      break;
                  }
                  return h(
                    "Tooltip",
                    {
                      props: {
                        placement: "top",
                        transfer: true,
                        delay: 500
                      }
                    },
                    [
                      //这个中括号表示是Tooltip标签的子标签
                      h(
                        "Tag",
                        {
                          props: {
                            //type: "dot",
                            color: statusColor
                          }
                        },
                        statusText
                      ), //表格列显示文字
                      h(
                        "p",
                        {
                          slot: "content",
                          style: {
                            whiteSpace: "normal"
                          },
                        },
                        statusText //整个的信息即气泡内文字
                      )
                    ]
                  );
                }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 关于#linux#的问题(输入输出错误):出现这个界面接着我重新装系统,又让修电脑的师傅帮我扫描硬盘(没有问题)用着用着又卡死(相关搜索:固态硬盘)
  • ¥15 cv::resize不同线程时间不同
  • ¥15 web课程,怎么做啊😭没好好听课 根本不知道怎么下手
  • ¥15 做一个关于单片机的比较难的代码,然后搞一个PPT进行解释
  • ¥15 python提取.csv文件中的链接会经常出现爬取失败
  • ¥15 数据结构中的数组地址问题
  • ¥15 maya的mel里,怎样先选择模型A,然后利用mel脚本自动选择有相同名字的模型B呢。
  • ¥15 Python题,根本不会啊
  • ¥15 会会信号与系统和python的来
  • ¥15 关于#python#的问题