如果 filterBy returns 为空，则显示 "empty message"

Question

我有一个 v-repeat 实例，想通过搜索键过滤它。如果搜索不匹配，我希望能够显示一条消息： "There is no result that match your query" 或类似的东西。

她是 fiddle: http://jsfiddle.net/yMv7y/958/

因此只有当过滤器 returns 没有答案时才应显示消息。

想法？

Answer 1

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

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

演示：http://jsfiddle.net/dewey92/Lr9r2kfv/2/

我也在

中回答过这类问题

如果 filterBy returns 为空，则显示 "empty message"

Show "empty message" if filterBy returns empty

vue.js