當在一個循環里面 , 展示了一堆按鈕 , 點擊按鈕時當前的按鈕處於選中狀態 .
比如在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>