Java教程

[javascript] vuejs先循环中实现点击后的选中状态

本文主要是介绍[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>

 

这篇关于[javascript] vuejs先循环中实现点击后的选中状态的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航