本文共 1009 字，大约阅读时间需要 3 分钟。

前言

在做项目时，getters里有很多冗余代码，但是仔细一看可以根据参数来解决，于是决定使用传参来进行获取，减少代码冗余。

案例

需求：在getters里能够根据值动态获取到people的元素。经过多次尝试，最终得到下面的代码。

export default {
     people: [    {
         name: 'zs',      age: 14    },    {
         name: 'ss',      age: 24    },    {
         name: 'gh',      age: 34    }  ]}

getters.js代码如下：

const getters = {
   // 根据index获取state.person[index]  getPerson: function (state) {
       // console.log(state)    return function (index) {
         return state.people[index]    }  },   // 获取state.person[0]  getPerson1: function (state) {
       // console.log('getPerson1:', state.people[0])     // console.log(typeof getters.getPerson) return function    // console.log(getters.getPerson(state)(1))  注： state不传过去的话，getPerson()找不到state    return getters.getPerson(state)(1) // 成功获取state.person[0]  },  getPerson2: function (state) {
       return getters.getPerson(state)(2) // 成功获取到state.person[1]  }}export default getters

说明

因为项目中数据还要响应式，因此我使用setInterval方法来模拟是否会实时更新，事实证明可以，因此可以推荐用这种方法。

转载地址：https://blog.csdn.net/qq_39811414/article/details/109609670 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！