vue-table-2将搜索过滤器更改为点击按钮而不是按键时启动

Question

使用https://github.com/matfish2/vue-tables-2使用Vue.js v2.6.11

你好，一个学习Vue.js的初级开发人员(来自React世界(。我正在尝试更改过滤器/搜索框，使其在单击我创建的按钮时启动，而不是在每次击键后启动(它的默认功能(。最后，我还想应用我自己的自定义过滤器，这些过滤器是从下拉框中选择的，在单击搜索按钮时应用。

我找不到触发搜索事件的代码，无法将其重定向到我的按钮按下。如果有人对VueTables2有任何见解，并能帮助我指明正确的方向，我们将不胜感激。谢谢

Answer 1

有一种方法可以使用ref和一个函数来实现这一点，这里记录了

https://matanya.gitbook.io/vue-tables-2/methods

#1.将ref添加到表中

<v-client-table :columns="columns" v-model="data" :options="options" ref="myTable">

#2.加法

methods: {
customFilter: function(){
this.$refs.myTable.setFilter('A')
}

#3.添加方法作为事件侦听器

<button @click="customFilter">Filter 'A'</button>