移动端购物车数据重新编译后数据消失

废话不多说直接上解决办法，代码如下

思路：使用uni.setStorageSync（官方提供的方法）将购物车的数据存储在本地，然后在项目初始化后让其重新读取本地存储的数据

csdn文章推荐受影响测试文字行数大于10字数大于10的解决方法

// 购物车的store模块，用来进行全局共享数据
// 初始化vuex模块
export default {// 为当前模块开启命名空间namespaced: true,// 模块的store数据// 购物车的数组，用来存储购物车中每个商品的信息对象，并且每个对象包含如下6个属性// {goods_id, goods_name,goods_price,goods_count,goods_samll_logo,goods_state}state: () => ({// 项目初始化时读取存储的数据,没有存的话就默认空数组字符串,然后将其转换成数组cart: JSON.parse(uni.getStorageSync('cart') || '[]'),}),// 模块的mutation方法(用于修改state里的数据)mutations: {// goods是为了判断数据是否已经存在于state里面addToCart(state, goods) {console.log(goods);// 根据提交的商品id判断是否已经存在于购物车，如果不存在则findResult为undefined否则就是已存在const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)console.log(findResult);if (!findResult) {state.cart.push(goods)} else {findResult.goods_count++}// 修改数据后调通过commit方法使用m_cart模块所提供的方法saveToStorage()将数据用具存储到本地this.commit('m_cart/saveToStorage')console.log(state.cart);},// 将数据永久存储到本地saveToStorage(state) {// uni.setStorageSync官方方法uni.setStorageSync('cart', JSON.stringify(state.cart))}},// 模块的getters属性(相当于数据的包装器)getters: {// 计算商品总数量total(state) {let count = 0//对cart数组进行遍历,x就代表每一件商品,然后把商品的数量累加到count身上state.cart.forEach(x => count += x.goods_count)return count}}}

csdn文章推荐受影响测试文字行数大于10字数大于10的解决方法

移动端购物车数据重新编译后数据消失相关推荐

oracle使用（五）表空间创建、删除以及删除后数据文件还存在的问题
目录概述一.表空间创建二.表空间删除三.表空间及数据文件删除后数据文件还存在其他有空再补充概述待补充一.表空间创建 --表空间 create tablespace space_name ...
Vue.js搭建移动端购物车界面－基本结构和数据渲染
本文介绍了如何使用Vue搭建一个移动端购物车界面,最终实现的功能包括: 1. 选择要最终购买的物品 2. 选择每件物品购买的数量 3. 实时更新所选择物品的总 ...
oracle清空无效数据,如何清除编译后留下的无效对象
在使用utlrp.sql编译后,查看发现还有一些invalid的object: 请教这些invalid如何清除?多谢! SYS@primary>select object_name,object ...
编写MQTTClient测试程序，和PC端运行的MQTT服务程序进行数据收发
在实现了 MQTTClient 库与不同平台相关的代码之后,<实现ESP8266模块的socket接口,以提供MQTTClient库底层数据收发接口>这篇文章有介绍.就可以编写 MQTTC ...
php 当我添加数据成功后跳到首页为什么刷新还会增加数据,使用post提交数据之后，有错误，页面刷新之后，想保持原有值...
如题,我使用的ecmall模板 *{$lang.user_name}: {$lang.user_name_desc}{$lang.checking} 回复讨论(解决方案) 想用 $smarty.pos ...
Mysql 扩展性设计之数据切分、那么数据切分后会带来哪些问题呢？比如分布式事务、数据的一致性、垂直切分和水平切分应用场景
Mysql 扩展性设计之数据切分.那么数据切分后会带来哪些问题呢?比如分布式事务.数据的一致性.垂直切分和水平切分应用场景前言.什么是数据切分垂直(纵向)切分.水平(横向)切分.他们各自的特点垂 ...
服务端设置忽略更新_深入理解Kafka服务端之日志对象的读写数据流程
一.场景分析在前面几篇分析过,Log类用于管理服务端日志相关的各种操作,如: 日志段管理:滚动生成新日志段.组织并管理分区下的所有日志段等关键偏移量管理:如LogStartOffset.LEO等 ...
flume1.7 TailDirSource断点续传与文件更名后数据重复采集的bug修复
flume1.7 TailDirSource断点续传与文件更名后数据重复采集的bug修复一:flume1.7新增了组件Taildir Source 官方链接:http://flume.apache. ...
二、Eureka之server端集群节点发现，数据同步
一.前言 Eureka服务端封装了一个集群节点管理的类名称为PeerEurekaNodes 通过名称翻译出来为对等的Eureka节点集合,可以看出这个类是对eureka服务端集群节点抽象,下面通过源码 ...

移动端购物车数据重新编译后数据消失

移动端购物车数据重新编译后数据消失相关推荐

最新文章

热门文章