您现在的位置是:首页 > Javascript
当前栏目
[javascript] vuejs先循环中实现点击后的选中状态
2023-02-18 15:41:36 时间
当在一个循环里面 , 展示了一堆按钮 , 点击按钮时当前的按钮处于选中状态 .
比如在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的数组api
- 实习生妹子问我怎么对接微信支付(H5、JSAPI、小程序)
- nodejs初识
- js模板引擎laytpl的使用
- Node中导入模块require和import??
- vuejs 入门
- Node.js用fs.renameSync报cross-device link not permitted错
- Node入门
- 微信开发——测试号申请,接口配置,JS接口安全域名,自定义菜单
- js知识点
- reduxjs-toolkit 案例 — 登录
- ListNode算法
- js 大文件上传的思路
- 前端高薪必会的JavaScript重难点知识:防抖与节流详解
- 用javascript分类刷leetcode4.贪心(图文视频讲解)
- JavaScript刷LeetCode拿offer-js版字典
- js二叉树层序遍历
- JavaScript:this是什么?
- JS IOS/iPhone的Safari不兼容Javascript中的Date()问题
- PHP中把数据库查询结果输出为json格式