小编pcr*_*non的帖子

我正在开发一个组件，当搜索栏中的文本发生变化时，该组件会查询外部 API，并且我正在尝试消除该查询，以便它只能每 2 秒执行一次。我正在尝试使用 lodash 的debounce函数来做到这一点，并且发现了多篇博客文章和有关将其与 Vue 组件一起使用的问题，但事情很复杂，因为我正在使用 Typescript 和 Vue 类组件语法（https://class- component.vuejs.org/）。老实说，我对这两者都很陌生。

我发现一篇博客文章概述了如何使用基于对象的 Vue 组件语法来执行此操作，但它不适用于类组件语法。基于对象的语法允许您将方法包装在 a 中_.debounce，如下所示：

export default {
  methods: {
    throttledMethod: _.debounce(() => {
      console.log('I only get fired once every two seconds, max!')
    }, 2000)
  }
}

有没有办法用 Vue 类组件语法做类似的事情？

以下是我的代码的相关部分（没有任何去抖动尝试）：

<template>
  <input
    v-model="searchQuery"
    @keydown="doSearch"
  >
</template>

<script lang="ts">
import axios from 'axios';
import _ from 'lodash';
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class FooSearch …

我正在尝试打开我的 MongoDB 模型，但是出现以下错误：

MONGODB | xxx.xx.x.xxx:27017 | db.find | FAILED | wrong number of arguments (given 2, expected 1) | 0.013306s

我的 Mongo 凭据是正确的，并且我可以连接到 Rails 外部的数据库集合。

错误的前几行是：

Started GET "/admin/xsl_sheet" for xxx.xxx.xxx.xxx at 2020-03-03 13:49:54 UTC
Processing by RailsAdmin::MainController#index as HTML
Parameters: {"model_name"=>"xsl_sheet"}
(5.0ms)  SELECT `companies`.`name` FROM `companies` WHERE `companies`.`id` = 4
CACHE (0.1ms)  SELECT `companies`.`name` FROM `companies` WHERE `companies`.`id` = 4  [["id", "4"]]
CACHE (0.2ms)  SELECT `companies`.`name` FROM `companies` WHERE `companies`.`id` = 4  [["id", "4"]]

MONGODB | xxx.xx.x.xxx:27017 | …