vue 组件 filter 里获取this里的数据

这篇博客探讨了如何在Vue.js中利用自定义过滤器`formtaLab`来处理表格列数据,特别是针对`flowDirection`字段,通过遍历`labList`查找匹配的流向名称,实现数据的格式化显示。示例代码展示了在`el-table-column`组件内使用模板和slot-scope来结合过滤器实现复杂的数据渲染。
摘要由CSDN通过智能技术生成

可以通过传参的方式获取
template:

 <el-table-column prop="flowDirection" label="流向" width="80">
   <template slot-scope="scope">
       <div>
         {{scope.row.flowDirection | formtaLab(labList)}}
       </div>
     </template>
  </el-table-column>

在这里插入图片描述

  filters: {
    formtaLab(item, labList) {
      console.log(item, labList, "==>>");
      let str = "默认流向";
      labList.forEach((el) => {
        if (el.code == item) {
          str = el.name;
        }
      });
      return str;
    },
  },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值