前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[javascript] vuejs先循环中实现点击后的选中状态

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

作者头像
唯一Chat
发布2020-06-02 15:49:19
8870
发布2020-06-02 15:49:19
举报
文章被收录于专栏:陶士涵的菜地

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

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

代码:

代码语言:javascript
复制
<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>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-05-28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档