Vue.js “显示”；“空消息”；如果filterBy返回空

我有一个

v-repeat

实例，希望通过搜索键对其进行过滤。 如果搜索不匹配，我希望能够显示一条消息： “没有与您的查询匹配的结果”之类的话

她是个小提琴手：

因此，只有当过滤器没有返回答案时，才会显示消息

---

想法？

您需要计算属性。基本上像：

computed: {
  filteredThings: function () {
      return this.things.filter(function(thing){
          return thing.indexOf(this.searchQuery) > -1;
      }.bind(this));
  }
}

演示：

---

我在

您需要计算属性中也回答了这类问题。基本上像：

computed: {
  filteredThings: function () {
      return this.things.filter(function(thing){
          return thing.indexOf(this.searchQuery) > -1;
      }.bind(this));
  }
}

演示：

---

我也在

中回答了这类问题，这是一个很好的解决方案！谢谢，伙计，有趣的是这个问题和另一个问题同时被问到了。我找了，但没有找到。谢谢但是有一件事，当我想在整个对象中搜索时，它会变得更加混乱，然后我必须循环每个键，这将是一个惊人的循环量…？哈哈，是的，我发现你的问题出现在另一个问题的正下方。没问题，伙计。您可以通过

return thing['content']指定用于筛选的键。indexOf（this.searchQuery）>-1这是一个很好的解决方案！谢谢，伙计，有趣的是这个问题和另一个问题同时被问到了。我找了，但没有找到。谢谢但是有一件事，当我想在整个对象中搜索时，它会变得更加混乱，然后我必须循环每个键，这将是一个惊人的循环量…？哈哈，是的，我发现你的问题出现在另一个问题的正下方。没问题，伙计。您可以通过
return thing['content']指定用于筛选的键。indexOf（this.searchQuery）>-1