如何使用 vue 搜索过滤器 Firebase

Question

我想搜索我的 firebase 数据库，以便用户能够找到他们正在搜索的产品。

目前我正在将数据属性 this.searchText 与 firebase 中的 product.title 进行匹配。

return str.filter((product) => {
    return product.title.match(textSearch)
})

我对此有疑问：

如果数据库包含 1000 个产品，则过滤网站上的产品是没有意义的，而是进行有效的查询，例如：

firebase.database.ref('products').containing('leather shoe')

我只是找不到合适的解决方案。

Answer 1

Firebase.database.ref('products') 返回一个 Reference，并且没有 containing() 方法作为参考。

最相似的方法是equalTo()，详见here。

如果保存值“皮鞋”的字段是“类型”字段，您可以执行以下操作：

var ref = firebase.database().ref("products");
ref.orderByChild("type").equalTo("leather shoe").on("child_added", function(snapshot) {
  console.log(snapshot.key);
});

使用 vuefire 你会这样做：

var firebaseApp = firebase.initializeApp({ ... })
var db = firebaseApp.database()

var vm = new Vue({
  el: '#demo',
  firebase: 
    anArray: db.ref("products").orderByChild("type").equalTo("leather shoe")
  }
})