首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在vuex中将2个参数传递给getter?

在Vuex中,可以通过使用getter来获取store中的状态,并且可以传递参数给getter。要在Vuex中将两个参数传递给getter,可以按照以下步骤进行操作:

  1. 在store文件夹中的state.js文件中定义需要传递的参数。例如,我们定义了参数param1和param2:
代码语言:txt
复制
// state.js
export default {
  param1: '',
  param2: ''
}
  1. 在store文件夹中的getters.js文件中定义getter,并接收参数。在这个例子中,我们定义了一个名为getParams的getter,并接收参数param1和param2:
代码语言:txt
复制
// getters.js
export default {
  getParams: (state) => (param1, param2) => {
    // 在这里可以根据传入的参数进行一些逻辑操作
    // 返回根据参数计算得到的值
    return state.param1 + param1 + state.param2 + param2;
  }
}
  1. 在组件中使用getter并传递参数。在组件中,可以使用mapGetters辅助函数来获取getter,并传递参数。例如:
代码语言:txt
复制
import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['getParams'])
  },
  mounted() {
    const param1 = '参数1';
    const param2 = '参数2';
    const result = this.getParams(param1, param2);
    console.log(result);
  }
}

在上述代码中,我们使用mapGetters辅助函数将getParams getter映射到组件的计算属性中。然后,在mounted钩子函数中,我们传递参数param1和param2给getter,并获取计算得到的结果。

这样,我们就成功地在Vuex中将两个参数传递给getter,并获取到了计算得到的结果。

关于Vuex的更多信息和详细介绍,你可以参考腾讯云的文档:Vuex

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券