普通语法

this.$store.state.【哪个数据】

模块化语法:

this.$store.state.【哪个模块】.【哪个数据】
<template>
<div class="panel panel-info"><div class="panel-heading"><h4 class="panel-title">购物车列表</h4></div><div class="panel-body"><p v-if="!CartList.length">这里什么都没有,请先添加商品。</p><CartListItem v-for="ele in CartList" :key="ele.id" :cartlist-iteam="ele"/></div><div class="panel-footer"><a href="" class="btn btn-block btn-danger">清空购物车({{cartQuantity}})</a><a href="" class="btn btn-block btn-info">立即结算({{cartTotal}})</a></div></div>
</template><script>
import CartListItem from './CartListItem'
import { mapGetters } from 'vuex'
export default {name: 'CartList',components: {CartListItem},computed: {CartList () {return this.$store.state.cartModule.updateCartList},...mapGetters(['cartQuantity', 'cartTotal'])}
}
</script>

vuex使用模块的时候 获取state里的数据语法相关推荐

  1. 小程序js中data获取服务器数据,微信小程序 获取javascript 里的数据

    微信小程序 获取javascript 里的数据 wxml如何获取js里的数据 例: wxml里: {{txt}} 通过上面的{{txt}}可以对应获取js里data下定义的txt的值 js里: dat ...

  2. 批量获取PDF里的数据,并转换成excel表格

    今天朋友上班摸鱼被领导发现,一气之下给他1000个PDF文件让他把内容提取出来放到excel里,于是找我寻求帮助. 需求是要获取PDF图片里的文件名称,时间,检验编号,款号,这里就不放图了  安装 p ...

  3. ExtJs6获取form里的数据

    1.PanoramForm.js form的items部分 items: [{xtype: 'form', id:'customerF', modelValidation: true, default ...

  4. 关于Android中获取Intent里的数据

    Intent获取数据和发送数据的办法: //直接通过Intent发送 intent.putExtra("name","wytings"); //直接通过Inte ...

  5. js获取header里的数据

    可以使用 XMLHttpRequest 对象或者 Fetch API 来获取 HTTP 请求的 header 信息. 使用 XMLHttpRequest 对象的方法如下: var xhr = new ...

  6. Vuex——使用namespace的store使用mapState获取state为undefined

    问题描述 使用namespace的store使用mapState获取state为undefined 解决方案 1....mapState中基于属性的访问 ...mapState({searchInpu ...

  7. vuex分模块后,如何获取state的值

    问题:vuex分模块后,一个模块如何拿到其他模块的state值,调其他模块的方法? 思路:1.通过命名空间取值--this.$store.state.car.list // OK 2.通过定义该属性的 ...

  8. vuex commit 模块_Vuex详细介绍

    1. 什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.这是官网的说法,其实很简单:就是一个加强版的data! 在单页应用中会有一个data函数,里面就存放了当前页面的一 ...

  9. 使用 selector 从 SAP Spartacus state 里读取 Cart 数据

    选择器 selector 是用于获取存储状态 state 切片的纯函数. @ngrx/store 提供了一些帮助函数来优化这个选择. 选择器在选择状态切片时提供了许多功能. 使用 createSele ...

最新文章

  1. 解决if-else的另一种姿势:Map + 函数式接口方法!
  2. 超级计算机预测降雪,南方九省即将大雪纷飞?超级计算机:可能性增加,但还没有确定...
  3. mysql5.1win7_免安装版mysql5.1.57在win7下成功配置
  4. android系统手势app,8种iOS手势规定和14种android手势规定详解
  5. Field+offset(len)
  6. chrome浏览器不展示地址栏的完整路径解决
  7. linux proc文件创建指南
  8. 大气辐射学期中知识点总结
  9. 手把手教程|构建无服务器通用文本识别功能
  10. 2017年中国程序员调查分析:大数据就业前景广阔
  11. for...in 与 for...of 的用法与区别
  12. 追风筝的人 第五章
  13. P1027 [NOIP2001 提高组] Car 的旅行路线 (图 最短路)
  14. php eclipse xampp,PHP版eclipse配置xampp
  15. Mysql 常用 时间函数
  16. Eclipse运行结果中文为乱码的问题
  17. flutter/dart通过ffi调用rust代码
  18. 【趣文】我是一个Java class
  19. 禁止滚动条滚动和移除禁止
  20. 360手机刷机:360N6刷机

热门文章

  1. FreeBSD 配置
  2. Ubuntu 14.04.4官方默认更新源sources.list
  3. open source Swift, Objective-C and the next 20 years of development
  4. 程序员挑战高薪,你必须会的十大面试题《一》
  5. Android脚本打包
  6. 【转】EL表达式 (详解) .
  7. 七夕新浪漫,让AI黑科技带你们提前看看爱情的结晶
  8. 近期计算机视觉算法竞赛汇总—总奖池超300万人民币
  9. ECCV18 Oral | MVSNet: 非结构化多视点三维重建网络(高精度高效率,代码已开源)...
  10. android keyguard,Android8.1 SystemUI Keyguard之指纹解锁流程