您现在的位置是:首页 > Javascript
当前栏目
[javascript] vuejs先循环中实现点击后的选中状态
2023-02-18 15:41:53 时间
当在一个循环里面 , 展示了一堆按钮 , 点击按钮时当前的按钮处于选中状态 .
比如在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>
相关文章
- [js]解决postMessage跨域、跨iframe消息传递
- [javascript] 全国省市县JSON/XML数据(包含台湾和海外国家一级)
- [javascript] 解决移动端手机浏览器软键盘遮挡输入框问题
- [PHP]json_encode中文JSON_UNESCAPED_UNICODE在php5.3返回null
- [javascript] 使用javascript实现webrtc视频聊天demo
- [javascript] vue和elementui中的键盘事件
- [javascript] 变量提升
- [前端] js中call方法的理解和思考
- [javascript] ie下audio不支持一些媒体类型
- [javascript] ie下不支持incudes属性和方法
- [javascript] ES6模板字符串
- [javascript] strict模式严格模式
- [javascript]使用babel转换es6语法
- [js] js中的闭包以及特点
- 在Vue中使用JSX,很easy的
- JS的深浅复制,原来如此!
- js小知识
- [javascript] elementui和vue下复制粘贴上传图片
- [javascript] cdn模式下vue和vue-router实现路由
- [javascript] 获取正则子表达式里的内容