search(key) { this.flowerPage = this.flowerList.filter((item) => { if (item.flowerName.indexOf(key) == 0) return true }) this.page.total = this.flowerPage.length; }, addCart(flower) { this.$store.commit('ADDCART', flower); this.$message({ type: 'success', message: '添加购物车成功' }); }
时间: 2024-02-10 17:34:37 浏览: 58
这段代码是一个Vue组件中的方法,用来实现商品列表页的搜索和添加购物车的功能。其中,search方法接受一个关键字key作为参数,通过过滤器对商品列表进行筛选,找出商品名以该关键字开头的商品,将筛选结果保存在this.flowerPage中,并更新分页器的总页数(this.page.total)。
addCart方法用来添加商品到购物车,它接受一个商品对象flower作为参数,使用Vuex的mutation函数ADDCART来将商品添加到购物车中。添加成功后,使用Element UI的$message方法弹出一个提示框,提示用户添加购物车成功。
需要注意的是,这两个方法中使用了Vue组件的数据绑定和计算属性等特性,以及Vuex状态管理库来实现数据的共享和状态的管理。
阅读全文