getters传递参数(Vuex)

Vuex之Getters

首先普通getters的写法
getters的第一个参数是state

//返回articles数组中articleId==1的对象
getArticle: (state) => {//这里使用了箭头函数,
      return state.articles.filter(article => article.articleId == 1)
  }
 // 非箭头函数写法 这样可能比较通俗易懂
  getArticle2: function (state) {
      return state.articles.find(function (item) {
        return item.articleId ==1
      })
  }

但是这里我们并不希望id是写死的,而是应该通过我们传递的值,那我们只要在getter返回的值套上一层 函 数 \color{red}{函数} 那我们就可以实现传参数

 getArticle: (state) => {
 	//返回一个函数用于接收
      return (articleId)=>state.articles.find(item => item.articleId ==articleId)
  },
  getArticle2: function (state) {
	//返回一个函数用于接收
    return function (articleId) {
    	
      return state.articles.find(item => item.articleId ==articleId)
    }
  }

调用方式
console.log(this.$store.getters.getArticle2(0)) console.log(this.$store.getters.getArticle(0))`

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值