javascript - Vue2.0 table怎么过滤？

问题描述

问 题

我想根据关键字过滤，比如row.fundName == 'xxx'，然后只显示条件匹配的row。用filter怎么用？

模板格式如下：

<tbody>
    <tr v-for="(row, index) in rows | filterId">
    <td>{{ row.id }}</td>
    <td>{{ row.fundCode }}</td>
    <td>{{ row.fundName }}</td>
    <td>{{ row.fundType }}</td>
    <td>{{ row.netAssetValue }}</td>
    <td>{{ row.daHighsAndLows }}</td>
    <td><a href="#">详情配置</a></td>
    </tr>
</tbody>

解决方案

官方文档都有说得，去掉了filter，建议使用 computed

computed: {
    rows2: function(){
        return rows.forEach(item, index, arr) {
           return item.id = "a";         
        }    
   }
}

这篇关于javascript - Vue2.0 table怎么过滤？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！