实时搜索验证Vuew

时间:2018-06-20 03:19:10

标签: validation search input vue.js render

嘿, 我在验证Vue中的实时搜索时遇到问题。我做了很多尝试,但最终我无法运行。 有人可以建议我如何开始编写此验证吗? 例: 如果我输入搜索中不存在的内容,则会发出警报

      <input type="text" v-model="search" placeholder="Search..." class="search" />

export default {
  data(){
    return {
    users: [],
    search: ''
  }
},
  mounted(){
    fetch("https://api.github.com/users?since=135")
    .then(response => response.json())
    .then((data) => {
      this.users = data;
    // console.log(data);
    })
  },
  computed:{
    filteredUsers: function(users){
      return this.users.filter((users) => {
        return users.login.toLowerCase().includes(this.search.toLowerCase())
  });
   }
  },
}

我对在哪个渲染之间是否应该使用if else语句感到怀疑。

0 个答案:

没有答案