vue 纯前端如何实现存储优惠券的选中状态来显示

Question

页面A点击功能A跳转到页面B可以选择优惠券，单选，多选都可以保存之后回到页面A再通过页面A点击功能A到页面B选择优惠券的时候显示之前操作已经选择的优惠券P.S保存功能没有走接口纯前端vue应该怎么实现优惠券结构代码√{{item.name}}{{item.groupGoodsVO.goodsName}}￥{{item.price|money}}{{item.money===-1?'无金额门槛':`满${(item.money/100).toFixed(0)}元可用`}}{{getValidDate(item)}}限品类：{{item.groupRuleGoodsVO?'限部分商品':'不限'}}限平台：{{item.groupRuleGoodsVO?'限部分平台':'不限'}}券编号：{{item.codeRule}}选择优惠券功能代码handleItemClick(item){console.log(item);this.tableData.map((data)=>{if(item.id===data.id){//this.$set(data,'isSelected',item.id===data.id);if(item.isSelected){this.$set(data,'isSelected',false);}else{this.$set(data,'isSelected',true);};}});}

Answer 1

运用vuex。在state里定义一个变量m来存储当前选中的商品的标志，mutation里写一个a方法去存。在每次点击打开选择时对于getter的m和当前所有的选择项做一个匹配，看标志是否存在于变量中然后对应显示。然后当你选择完提交的时候，再把勾选的项对应标志commit调用方法a，重新存储更新标志产量m。
                            

Answer 2

意思就是需要一个保存数据的操作吧
可以使用本地存储localstoragecookie都可以
或者vuex
或者url传参
方法很多，根据你需要来