Vue 点击对应的元素改变class

<div class="filter stopPop" id="filter"><dl class="filter-price"><dt>Price:</dt><dd v-on:click.stop="p

蜗牛速度额

3092人浏览 · 2018-11-26 21:07:13

蜗牛速度额 · 2018-11-26 21:07:13 发布

        <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>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^