vue.js - 惯性清除我的搜索输入类型

Question

我正在使用 laravel惯性和vuejs为我的表格创建一个搜索框。我在 vue 的方法函数中使用 this.$inertia.get("/member", { term: this.term }); 时遇到问题，因为它会清除我的搜索框。当我尝试使用 this.$inertia.replace(this.route("member.index", { term: this.term })); 替换上面的代码时，它说替换已贬值。

这是我的完整代码。

从我的搜索输入类型:

<input
    type="text"
    name="table_search"
    class="form-control float-right"
    placeholder="Search"
    v-model="term"
    @keyup="search"
/>

还有我的脚本:

export default {
  props: {
    members: Object,
    filters: Object,
  },

  data() {
    return {
      term: "",
    };
  },

  components: {
    AppLayout,
    Paginator,
  },

  methods: {
    search() {
      //   this.$inertia.replace(this.route("member.index", { term: this.term }));
      this.$inertia.get("/member", { term: this.term });
    },
  },
};
</script>

Answer 1

尝试使用{preserveState:true}选项。

你的代码会像这样:

this.$inertia.get("/member", { term: this.term }, { preserveState: true });

请参阅文档 here .