在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue實(shí)現(xiàn)div結(jié)構(gòu)的優(yōu)惠券可以多選的方法

vue實(shí)現(xiàn)div結(jié)構(gòu)的優(yōu)惠券可以多選的方法

clipboard.png
實(shí)現(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="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="bottom">
            <div>
              <span class="label">限品類:</span>
              <span class="value">{{item.groupRuleGoodsVO ? '限部分商品' : '不限'}}</span>
            </div>
            <!--<div>-->
              <!--<span class="label">限平臺(tái):</span>-->
              <!--<span class="value">{{item.groupRuleScopeVO ? '限部分門店' : '不限'}}</span>-->
            <!--</div>-->
            <!--<div>-->
              <!--<span class="label">券編號(hào):</span>-->
              <!--<span class="value">{{item.codeRule}}</span>-->
            <!--</div>-->
          </div>
        </div>
      </el-col>
handleItemClick (item) {
        console.log(this.tableData);
        this.tableData.map((data) => {
          this.$set(data, 'isSelected', item.id === data.id);
        });
      }
回答
編輯回答
舊顏

你這需要提前給每一項(xiàng)綁定好isSelected值哦

handleItemClick (item) {
        item.isSelected = !item.isSelected
      }
2017年3月14日 15:34
編輯回答
你好胸

求問這個(gè)問題應(yīng)該怎么解決

2017年8月15日 22:12