Vue.js 创建动态搜索

Vue.js 创建动态搜索,vue.js,vuetify.js,Vue.js,Vuetify.js,我目前正在使用Vuetify创建一个datatable,我看到在您键入时搜索会根据键入的内容进行过滤以缩小结果范围。我很好奇如何使用相同的搜索栏,所以当我按下enter键时,它实际上会获取值并使用相同的axios调用重新生成datatable,但会将参数添加到URL。我仍然希望能够在键入时过滤当前结果,而不是按enter键。这可能吗 总的来说,我试图在搜索时创建标签。用户可以点击enter键,重建表格,但可以看到他们作为标记输入的值。还可以通过x移出和删除来恢复默认值 假设您有这样的搜索输入:

我目前正在使用Vuetify创建一个datatable,我看到在您键入时搜索会根据键入的内容进行过滤以缩小结果范围。我很好奇如何使用相同的搜索栏,所以当我按下enter键时,它实际上会获取值并使用相同的axios调用重新生成datatable,但会将参数添加到URL。我仍然希望能够在键入时过滤当前结果,而不是按enter键。这可能吗


总的来说,我试图在搜索时创建标签。用户可以点击enter键,重建表格,但可以看到他们作为标记输入的值。还可以通过x移出和删除来恢复默认值

假设您有这样的搜索输入:

<v-text-field
          v-model="search"
          append-icon="search"
          label="Search"
          single-line
          hide-details
          v-on:keyup.enter="myFunction"
 ></v-text-field>
您可以添加v-on:keyup.enter,如上所述,然后将您的功能放在myFunction中


在myFunction中,您可以说this.search来获取它的值,您可以用它做任何您想做的事情

谢谢,完全有道理