亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue 純前端如何實現存儲優惠券的選中狀態來顯示

vue 純前端如何實現存儲優惠券的選中狀態來顯示

神不在的星期二 2019-05-22 21:24:36
頁面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);};}});}
查看完整描述

2 回答

?
叮當貓咪

TA貢獻1776條經驗 獲得超12個贊

運用vuex。在state里定義一個變量m來存儲當前選中的商品的標志,mutation里寫一個a方法去存。在每次點擊打開選擇時對于getter的m和當前所有的選擇項做一個匹配,看標志是否存在于變量中然后對應顯示。然后當你選擇完提交的時候,再把勾選的項對應標志commit調用方法a,重新存儲更新標志產量m。
                            
查看完整回答
反對 回復 2019-05-22
?
動漫人物

TA貢獻1815條經驗 獲得超10個贊

意思就是需要一個保存數據的操作吧
可以使用本地存儲localstoragecookie都可以
或者vuex
或者url傳參
方法很多,根據你需要來
                            
查看完整回答
反對 回復 2019-05-22
  • 2 回答
  • 0 關注
  • 1394 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號