猿问

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。

				

					

            
            
          

          
0

				

			

			
			

				
				
动漫人物

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

				

					

            
            
          

          
0

				

			

			
		

	

	

		随时随地看视频慕课网APP
	

	
	
	

		
相关分类

		

			
			

			
				 JavaScript
			
			

				
			
		

	

	
	
	

		我要回答