Vuex怎么获取getter对象中的值

Vuex获取getter对象中的值

getter取值与state取值具有相似性

1.直接从根实例获取

// main.js中,把store注册在根实例下,可使用this.$stroe.getters直接取值computed: {  testNum1() {    return this.$store.getters.testNum1;  }}

2.使用mapGetters取值

import { mapGetters } from "vuex";export default {  computed: {    ...mapGetters({      // 把 `this.getNum1` 映射为 `this.$store.getters.getNum1`      getNum1: "getNum1"    }),    ...mapGetters([      // 使用对象展开运算符将 getter 混入 computed 对象      "getNum4"    ])  }};

3.使用module中的getter

module中的getter,又分为namespaced(命名空间)为true和false的情况。默认为false,则表示方位都是全局注册,与上边两种方法一致。

当为true时,则使用如下方法:

import { mapGetters } from "vuex";export default {  computed: {    getNum1(a,b) {      return this.$store.getters['moduleA/getNum1']    },    // 名列前茅个参数是namespace命名空间,填上对应的module名称即可    ...mapGetters("moduleA", {      getNum2: "getNum2"    }),    ...mapGetters("moduleA", ["getNum3"])  }};

计算属性获取的getter值需要刷新才能更新

描述

 // state state: {    leader: null }, // getters getters: {    getLead: state => state.leader } // mutations mutations: {    setLead (state, data) {      state.leader = data    } },// 页面中赋值// 登录时改变state.leader的值this.$store.commit('setLead', true)// 组件中计算属性监听import { mapGetters } from 'vuex'computed: {   leader () {     ...mapGetters(['getLead'])   } }

打印this.leader,直接获取计算属性值

Vuex怎么获取getter对象中的值

刷新之后的打印结果

Vuex怎么获取getter对象中的值

解决

增加监听函数watch,修改计算属性

computed: {     ...mapGetters(['getLead'])     //原来   		//leader () {    	// ...mapGetters(['getLead'])   		//} }watch: {    // 监听getters数据 --- 'getLead'    // 解决state数据可以更新,但getters数据需要刷新才能更新的问题    getLead (val) {      this.leader = val      // this.leader是data中自定义的值,      // 赋值之后,一定要重写之后的方法,      // 不然只是取值,页面操作依然不会改变      this.showVip() // 这是我页面上的方法名    }  },

感谢各位的阅读,以上就是“Vuex怎么获取getter对象中的值”的内容了,经过本文的学习后,相信大家对Vuex怎么获取getter对象中的值这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

文章标题:Vuex怎么获取getter对象中的值,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/21954

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
亿速云的头像亿速云
上一篇 2022年8月31日 下午11:26
下一篇 2022年8月31日

相关推荐

  • 猫鼠服务器是什么公司

    猫鼠(Cats and Mouse)服务器可能是您要询问的一种服务器类型,或者是一个特定服务器名称的误解,但在知识库中并无明确的记录表示猫鼠服务器代表着一个具体的公司。如果您是在询问一个公司或品牌名为“猫鼠”的服务器供应商,可能需要提供更多信息或者具体的上下文才能得出准确答案。如果您实际上指的是一个…

    2024年4月25日
    7900
  • 推理服务器作用是什么

    摘要 推理服务器的作用是1、执行模型推理任务、2、优化推理性能、3、降低延迟、4、提高吞吐量、5、支持多种模型格式、6、提供模型管理与扩展功能。 在这些核心功能中,优化推理性能尤为关键,因为它直接关系到模型部署后的效率和稳定性。推理服务器通过使用专门的算法和硬件加速技术,大幅提高处理速度,同时保持高…

    2024年4月25日
    9600
  • 服务器管理的好处是什么

    摘要 服务器管理的好处包括: 1.提高安全性、2.增强性能、3.确保数据完整性、4.优化资源利用,等重要方面。特别是提高安全性,这是服务器管理中的关键部分,为防止未授权访问、数据泄露和其他潜在威胁,定期对服务器进行维护和更新至关重要。此外,安装安全软件、监控系统漏洞、及时打补丁和执行严格的访问控制策…

    2024年4月25日
    8400
  • 云服务器存储资料是什么

    摘要 云服务器存储资料是1、通过网络访问的远程服务器上存储的数据,其依赖于2、云计算技术,使得数据存取更加灵活和高效。在这两点中,通过网络访问的远程服务器存储意味着用户无需对物理硬件进行管理或投入高额的初期成本,而是通过互联网连接到远程数据中心,实现数据存储和管理。这种模式不仅降低了企业或个人的技术…

    2024年4月25日
    8500
  • 下挂的服务器叫什么

    摘要:下挂的服务器通常被称作1、边缘服务器或2、即服务外设。其中,边缘服务器主要用于提高网络服务的访问速度和提升用户体验。通过布局在接近最终用户的地理位置上,这种服务器能够缓存内容,减少数据传输的延迟,加快载入速度,有效缓解主服务器的负荷。边缘服务器尤其适用于内容交付网络(CDN)和大数据分析等场景…

    2024年4月25日
    9900
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部