基于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插件开发示例代码
Nov 06 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
js实现的万能flv网页播放器代码
Apr 30 Javascript
jQuery简单实现仿京东分类导航层效果
Jun 07 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
Jul 05 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
Angular4 组件通讯方法大全(推荐)
Jul 12 Javascript
AngularJS自定义表单验证功能实例详解
Aug 24 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
canvas绘制折线路径动画实现
May 12 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中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
codeigniter中实现一次性加载多个view的方法
2015/03/20 PHP
详解WordPress开发中过滤属性以及Sql语句的函数使用
2015/12/25 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
php静态成员方法和静态的成员属性的使用方法
2017/10/26 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
JavaScript中的其他对象
2008/01/16 Javascript
JS与C#编码解码
2013/12/03 Javascript
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
bootstrap实现弹窗和拖动效果
2016/01/03 Javascript
js实现密码强度检测【附示例】
2016/03/30 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
2018/09/04 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
[00:43]TI7不朽珍藏III——幽鬼不朽展示
2017/07/15 DOTA
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
python绘图方法实例入门
2015/05/19 Python
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
python使用opencv按一定间隔截取视频帧
2018/03/06 Python
超简单使用Python换脸实例
2019/03/27 Python
Python @property使用方法解析
2019/09/17 Python
详解Python高阶函数
2020/08/15 Python
实现Python3数组旋转的3种算法实例
2020/09/16 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
2014年最新学校运动会广播稿
2014/09/17 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
Python实现拼音转换
2021/06/07 Python