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

页面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);
};
}
});
}

			
神不在的星期二
浏览 1355回答 2
2回答

叮当猫咪

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

动漫人物

意思就是需要一个保存数据的操作吧可以使用本地存储localstoragecookie都可以或者vuex或者url传参方法很多,根据你需要来
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript