当在一个循环里面 , 展示了一堆按钮 , 点击按钮时当前的按钮处于选中状态 .
比如在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>