zoukankan      html  css  js  c++  java
  • [javascript] vuejs先循环中实现点击后的选中状态

    当在一个循环里面 , 展示了一堆按钮 , 点击按钮时当前的按钮处于选中状态 .

    比如在elementui下的这个地方 , 并且还有一个折叠展开效果

    代码:

    <el-collapse>
                                            
                                            <el-collapse-item name="1">
                                                <template slot="title">
                                                    <el-tag v-on:click.stop="searchKeyWeibo()">全部</el-tag>
                                                   <el-tag type="success" v-bind:class="{'el-tag--danger': i.word==keywordSearchKey }" v-on:click.stop="searchKeyWeibo(i.word,i.id)" v-for="(i,k) in monkeywordsList" v-if="k<10" :key="k">{{i.word}}</el-tag>
                                                 </template>
                                                <el-tag type="success" v-bind:class="{'el-tag--danger': i.word==keywordSearchKey }" v-on:click.stop="searchKeyWeibo(i.word,i.id)" v-for="(i,k) in monkeywordsList"v-if="k>=10" :key="k">{{i.word}}</el-tag>
                                            </el-collapse-item>
                                         </el-collapse>
  • 相关阅读:
    iota妙用
    io
    http
    gosched
    go设置使用多少个cpu
    go协程的特点
    go条件变量同步机制
    Go奇技淫巧
    U5首次登录
    Maven安装中的问题
  • 原文地址:https://www.cnblogs.com/taoshihan/p/12983356.html
Copyright © 2011-2022 走看看