vue-tables-2 过滤从父组件传来的参数

Question

是否可以在 vue-tables-2 外部使用客户端 tables 上的默认过滤？

我有一个包含多个 vue table 的父组件，我希望能够将一个字符串从父组件传递到所有子组件，每个子组件都有一个 vue-table.

Answer 1

试图将所有逻辑保留在客户端，我想我将在原始 table 数据和 vue-table 之间创建一个层，并在其中应用我的逻辑一个计算函数。

编辑 - 它起作用了。

这是我对计算部分所做的

computed: {
        searchRows: function () {
            var filteredRows = this.rows;
            var term = this.searchTerm;
            if(this.searchTerm) {
                filteredRows = [];
                this.rows.forEach(function(entry) {
                    if(String(entry.id).includes(term) || String(entry.name).includes(term)) {
                        filteredRows.push(entry);
                    }
                });
            }
            return filteredRows;
        }
    },

我将 table 上的数据链接到计算调用。

<v-client-table :columns="columns" :data="searchRows" :options="options">

我能看到的唯一缺点是，如果 table 变得足够大，它可能会导致问题，因为现在我在内存中最多存储 2 个副本。

vue-tables-2 过滤从父组件传来的参数

vue-tables-2 filtering arguments passed from parent component

vue.js

vuejs2

vue-tables-2