Vue 點選對應的元素改變class
阿新 • • 發佈:2018-11-28
<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>