基于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 相关文章推荐
JavaScript 打地鼠游戏代码说明
Oct 12 Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
在JavaScript中调用Java类和接口的方法
Sep 07 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
jquery+css实现侧边导航栏效果
Jun 12 jQuery
原生JS实现的双色球功能示例
Feb 02 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 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
如何冲泡挂耳包咖啡?技巧是什么
2021/03/04 冲泡冲煮
php基础知识:类与对象(4) 范围解析操作符(::)
2006/12/13 PHP
PHP系统命令函数使用分析
2013/07/05 PHP
php中addslashes函数与sql防注入
2014/11/17 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
三级下拉菜单的js实现代码
2011/05/23 Javascript
js加载读取内容及显示与隐藏div示例
2014/02/13 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
JS 实现计算器详解及实例代码(一)
2017/01/08 Javascript
Jquery EasyUI $.Parser
2017/06/02 jQuery
jquery 键盘事件的使用方法详解
2017/09/13 jQuery
vue-router 路由基础的详解
2017/10/17 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
python+selenium实现QQ邮箱自动发送功能
2019/01/23 Python
简单了解django文件下载方式
2020/02/10 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
python如何代码集体右移
2020/07/20 Python
python 6种方法实现单例模式
2020/12/15 Python
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
你对IPv6了解程度
2016/02/09 面试题
一套C#面试题
2013/10/09 面试题
应用电子技术专业个人求职信
2013/09/21 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
师德师风事迹材料
2014/12/20 职场文书
离婚协议书范本(2016最新版)
2016/03/18 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
教你做个可爱的css滑动导航条
2021/06/15 HTML / CSS