vuex使用模块的时候 获取state里的数据语法
普通语法
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里的数据语法相关推荐
- 小程序js中data获取服务器数据,微信小程序 获取javascript 里的数据
微信小程序 获取javascript 里的数据 wxml如何获取js里的数据 例: wxml里: {{txt}} 通过上面的{{txt}}可以对应获取js里data下定义的txt的值 js里: dat ...
- 批量获取PDF里的数据,并转换成excel表格
今天朋友上班摸鱼被领导发现,一气之下给他1000个PDF文件让他把内容提取出来放到excel里,于是找我寻求帮助. 需求是要获取PDF图片里的文件名称,时间,检验编号,款号,这里就不放图了 安装 p ...
- ExtJs6获取form里的数据
1.PanoramForm.js form的items部分 items: [{xtype: 'form', id:'customerF', modelValidation: true, default ...
- 关于Android中获取Intent里的数据
Intent获取数据和发送数据的办法: //直接通过Intent发送 intent.putExtra("name","wytings"); //直接通过Inte ...
- js获取header里的数据
可以使用 XMLHttpRequest 对象或者 Fetch API 来获取 HTTP 请求的 header 信息. 使用 XMLHttpRequest 对象的方法如下: var xhr = new ...
- Vuex——使用namespace的store使用mapState获取state为undefined
问题描述 使用namespace的store使用mapState获取state为undefined 解决方案 1....mapState中基于属性的访问 ...mapState({searchInpu ...
- vuex分模块后,如何获取state的值
问题:vuex分模块后,一个模块如何拿到其他模块的state值,调其他模块的方法? 思路:1.通过命名空间取值--this.$store.state.car.list // OK 2.通过定义该属性的 ...
- vuex commit 模块_Vuex详细介绍
1. 什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.这是官网的说法,其实很简单:就是一个加强版的data! 在单页应用中会有一个data函数,里面就存放了当前页面的一 ...
- 使用 selector 从 SAP Spartacus state 里读取 Cart 数据
选择器 selector 是用于获取存储状态 state 切片的纯函数. @ngrx/store 提供了一些帮助函数来优化这个选择. 选择器在选择状态切片时提供了许多功能. 使用 createSele ...
最新文章
- 解决if-else的另一种姿势:Map + 函数式接口方法!
- 超级计算机预测降雪,南方九省即将大雪纷飞?超级计算机:可能性增加,但还没有确定...
- mysql5.1win7_免安装版mysql5.1.57在win7下成功配置
- android系统手势app,8种iOS手势规定和14种android手势规定详解
- Field+offset(len)
- chrome浏览器不展示地址栏的完整路径解决
- linux proc文件创建指南
- 大气辐射学期中知识点总结
- 手把手教程|构建无服务器通用文本识别功能
- 2017年中国程序员调查分析:大数据就业前景广阔
- for...in 与 for...of 的用法与区别
- 追风筝的人 第五章
- P1027 [NOIP2001 提高组] Car 的旅行路线 (图 最短路)
- php eclipse xampp,PHP版eclipse配置xampp
- Mysql 常用 时间函数
- Eclipse运行结果中文为乱码的问题
- flutter/dart通过ffi调用rust代码
- 【趣文】我是一个Java class
- 禁止滚动条滚动和移除禁止
- 360手机刷机:360N6刷机
热门文章
- FreeBSD 配置
- Ubuntu 14.04.4官方默认更新源sources.list
- open source Swift, Objective-C and the next 20 years of development
- 程序员挑战高薪,你必须会的十大面试题《一》
- Android脚本打包
- 【转】EL表达式 (详解) .
- 七夕新浪漫,让AI黑科技带你们提前看看爱情的结晶
- 近期计算机视觉算法竞赛汇总—总奖池超300万人民币
- ECCV18 Oral | MVSNet: 非结构化多视点三维重建网络(高精度高效率,代码已开源)...
- android keyguard,Android8.1 SystemUI Keyguard之指纹解锁流程