1. 程式人生 > >Vue 點選對應的元素改變class

Vue 點選對應的元素改變class

        <div class="filter stopPop" id="filter">
            <dl class="filter-price">
              <dt>Price:</dt>
              <dd v-on:click.stop="priceChecked = 'all'">
                <a href="javascript:void(0)" v-bind:class="{'cur': priceChecked === 'all'}">All</a>
              </dd>
              <dd  v-for="(price, index) in priceFilter" v-on:click.stop="priceChecked = index">
                <a href="javascript:void(0)"
                   v-bind:class="{'cur': priceChecked === index}"
                >{{price.startPrice}} - {{price.endPrice}}</a>
              </dd>
            </dl>
          </div>