基于vue v-for 循环复选框-默认勾选第一个的实现方法


Posted in Javascript onMarch 03, 2018

应用场景:在进行多选的时候一般默认显示第一个。

实现方法:纯vue实现

例子:

<span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-align: middle;"><label>{{one.name}}</label></span>

//:checked="index == 0"为索引为0的,即为第一个复选框添加属性。

拓展:默认被选中的复选框,只需要index指定即可。

以上这篇基于vue v-for 循环复选框-默认勾选第一个的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery toggle()设置CSS样式
Nov 05 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
JS实现在网页中弹出一个输入框的方法
Mar 03 Javascript
jQuery实现滚动切换的tab选项卡效果代码
Aug 26 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
Javascript中神奇的this
Jan 20 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
在html中引入外部js文件,并调用带参函数的方法
Oct 31 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
JS表单传值和URL编码转换
Mar 03 #Javascript
jQuery实现左右滑动的toggle方法
Mar 03 #jQuery
vue中实现移动端的scroll滚动方法
Mar 03 #Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 #Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
Mar 03 #Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 #Javascript
js操作二进制数据方法
Mar 03 #Javascript
You might like
php数组相加 array(“a”)+array(“b”)结果还是array(“a”)
2012/09/19 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
jQuery向下滚动即时加载内容实现的瀑布流效果
2016/01/07 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
javascript trim函数在IE下不能用的解决方法
2014/09/12 Javascript
javascript 动态创建表格
2015/01/08 Javascript
Node.js中的process.nextTick使用实例
2015/06/25 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
jqTransform美化表单
2015/10/10 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
python 自定义异常和异常捕捉的方法
2018/10/18 Python
python求质数列表的例子
2019/11/24 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法
2012/05/24 面试题
应用心理学个人的求职信
2013/12/08 职场文书
《燕子》教学反思
2014/02/18 职场文书
置业顾问岗位职责
2014/03/02 职场文书
四群教育工作实施方案
2014/03/26 职场文书
养牛场项目建议书
2014/05/13 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
员工工作及收入证明
2014/10/28 职场文书
中学图书馆工作总结
2015/08/11 职场文书
创业计划书之酒厂
2019/10/14 职场文书