Vue.js 惯性+；vuejs和laravel搜索框未捕获（承诺中）类型错误

我是vuejs和laravel的初学者。我想用创建的自定义表实现一个搜索框。我尝试搜索并遵循一些教程，并复制了演示应用程序的搜索框。然后我遇到了一个我真的不明白的问题

以下是我尝试的输入类型：

<input
    class="form-control float-right"
    autocomplete="off"
    type="text"
    name="search"
    placeholder="Search…"
    v-model="form.search"
/>

这是我的完整脚本：

<script>
import Icon from "@/Shared/Icon";
import pickBy from "lodash/pickBy";
import throttle from "lodash/throttle";
import Paginator from "@/Components/Paginator";
import AppLayout from "@/Layouts/AppLayout";

export default {
  components: {
    Icon,
    Paginator,
    AppLayout,
  },

  props: {
    members: Object,
    filters: Object,
  },
  data() {
    return {
      form: {
        search: this.filters.search,
        trashed: this.filters.trashed,
      },
    };
  },
  watch: {
    form: {
      handler: throttle(function () {
        let query = pickBy(this.form);
        this.$inertia.replace(
          this.route("member.index", Object.keys(query).length ? query : {})
        );
      }, 150),
      deep: true,
    },
  },
};
</script>

从“@/Shared/Icon”导入图标；
从“lodash/pickBy”导入pickBy；
从“lodash/节流阀”导入节流阀；
从“@/Components/Paginator”导入分页器；
从“@/Layouts/AppLayout”导入AppLayout；
导出默认值{
组成部分：{
偶像
分页器，
申请退出，
},
道具：{
成员：反对，
过滤器：对象，
},
数据（）{
返回{
表格：{
搜索：this.filters.search，
垃圾：这个。过滤器。垃圾，
},
};
},
观察：{
表格：{
处理程序：节流阀（函数（）{
让query=pickBy（this.form）；
这个。$INITORY.replace(
this.route（“member.index”，Object.keys（query）.length？query:{}）
);
}, 150),
深：是的，
},
},
};

现在，如果我尝试搜索某个内容，搜索看起来很好，但是我的控制台中有一个错误，如果我尝试从搜索框中删除一些字母，则不会发生任何事情。如果我键入了什么，我的控制台中会出现错误：