vue根据后台返回来的数据渲染不同的表格,最后用到了vue的过滤器

时间:2024-03-17 08:12:42

页面显示,一个类型一个表格,类型是统一一个数组遍历出来

vue根据后台返回来的数据渲染不同的表格,最后用到了vue的过滤器

HTML代码如下:

vue根据后台返回来的数据渲染不同的表格,最后用到了vue的过滤器

typeList是类型数组,然后根据每一项元素去总的abnormaldata数组筛选符合当前类型的数据

JS代码如下:

vue根据后台返回来的数据渲染不同的表格,最后用到了vue的过滤器


最难做的是一直不知道怎么把typeList的item传下去,而且filters里面又要拿到abnormaldata数组做比对筛选,直接写this.abnormaldata会报错undefined,后来才发现这样vue根据后台返回来的数据渲染不同的表格,最后用到了vue的过滤器写,下面就会接收到两个参数,虽然也不确定是不是从这儿写了才接收到的,不过也算解决了