頁面A 點擊功能A 跳轉到 頁面B 可以選擇優(yōu)惠券，單選，多選都可以 保存之后 回到頁面A
再通過頁面A點擊功能A 到頁面B選擇優(yōu)惠券的時候 顯示之前操作已經(jīng)選擇的優(yōu)惠券
P.S 保存功能 沒有走接口

純前端 vue應該怎么實現(xiàn)

優(yōu)惠券結構代碼

 <el-col :span="3" v-for="item in tableData" class="item" :key="item.id">
        <div @click="handleItemClick(item)">
          <div class="selected" v-if="item.isSelected">√</div>
          <div class="header">{{item.name}}</div>
          <div class="left-circle"></div>
          <div class="left"></div>
          <div class="middle">
            <div class="price text" v-if="item.groupGoodsVO">{{item.groupGoodsVO.goodsName}}</div>
            <div class="price" v-else>
              <span>￥</span>{{item.price | money}}
            </div>
            <div class="condition">
              {{item.money === -1 ? '無金額門檻' : `滿${(item.money / 100).toFixed(0)}元可用`}}
            </div>
            <div class="date">
              {{getValidDate(item)}}
            </div>
          </div>
          <div class="right-circle"></div>
          <div class="right"></div>
          <div class="bottom">
            <div class="bottom-text">
              <span class="label">限品類：</span>
              <span class="value">{{item.groupRuleGoodsVO ? '限部分商品' : '不限'}}</span>
              <span class="label">限平臺：</span>
              <span class="value">{{item.groupRuleGoodsVO ? '限部分平臺' : '不限'}}</span>
              <span class="label">券編號：</span>
              <span class="value">{{item.codeRule}}</span>
            </div>
            <!--<div>-->
              <!--<span class="label">限平臺：</span>-->
              <!--<span class="value">{{item.groupRuleScopeVO ? '限部分門店' : '不限'}}</span>-->
            <!--</div>-->
            <!--<div>-->
              <!--<span class="label">券編號：</span>-->
              <!--<span class="value">{{item.codeRule}}</span>-->
            <!--</div>-->
          </div>
        </div>
      </el-col>

選擇優(yōu)惠券功能代碼

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