当前位置： 移动技术网 > IT编程>脚本编程>vue.js > getters传递参数（Vuex）

getters传递参数（Vuex）

2020年07月17日  | 移动技术网IT编程  | 我要评论

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))`

本文地址：https://blog.csdn.net/lin1072368472/article/details/107368478

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网