Javascript 使用vue js和axios动态url搜索过滤器

这是我与vue js的第一天，如果这是一个愚蠢的问题，我很抱歉

我试图在使用Axis从Url调用json数据时进行搜索输入

我的代码：

<div id="app">
    <div class="search-wrapper">
       <label>
            <input type="text" v-model="search" placeholder="Search title.."/>
            Search hier:
        </label>
    </div>
    <div class="wrapper">
        <li v-for="name in this.names " :key="name">
            {{ name }}
        </li>
    </div>
</div>

到目前为止，一切都很顺利，但当我在搜索输入中更改名称时，一切都没有改变。我希望有人能帮助我

只需使用收听输入字段的更改并启动搜索：

watch: {
  search(value) {
    this.doSearch(value);
  }
},
methods: {
  doSearch(value) {
    axios
     .get('http://127.0.0.1/users/search/' + this.search)
     .then((response) => {this.names = response.data})
     .catch(e => console.log(e));
  }
}

---

检查这个，我在亚斯特日也用方法解决了它，但我使用created和@keyup来更新数据。无论如何，谢谢你。你的回答也很有效，不客气。在写下这个答案后，我也想到了keyup，但我太懒了，不想用这种可能性来更新这个问题：P但很高兴听到你们找到了答案！：）

watch: {
  search(value) {
    this.doSearch(value);
  }
},
methods: {
  doSearch(value) {
    axios
     .get('http://127.0.0.1/users/search/' + this.search)
     .then((response) => {this.names = response.data})
     .catch(e => console.log(e));
  }
}