基于vue v-for 循环复选框-默认勾选第一个的实现方法
更新时间：2018年03月03日 11:32:33 作者：wax9092
下面小编就为大家分享一篇基于vue v-for 循环复选框-默认勾选第一个的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
应用场景：在进行多选的时候一般默认显示第一个。
实现方法：纯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 循环复选框-默认勾选第一个的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了vue实现在线预览office文件，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
vue使用高德地图实现添加点标记和获取点击位置信息的示例代码
这篇文章主要介绍了vue使用高德地图实现添加点标记和获取点击位置信息的示例代码,文中补充介绍了高德vue-amap使用（一）标记点位获取地址及经纬度,本文结合示例代码给大家介绍的非常详细,需要的朋友参考下吧2024-01-01
使用vue-router与v-if实现tab切换遇到的问题及解决方法
这篇文章主要介绍了vue-router与v-if实现tab切换的思考,需要的朋友可以参考下2018-09-09
这篇文章主要给大家介绍了关于vue打包后dist文件在本地启动运行的简单步骤,文中通过代码示例以及图文介绍的非常详细,对大家学习或者使用vue具有一定的参考价值,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了vue脚手架及vue-router基本使用，非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-04-04
vue3 + Ant Design 实现双表头表格的效果(横向表头+纵向表头)
这篇文章主要介绍了vue3 + Ant Design 实现双表头表格（横向表头+纵向表头）,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了vue中van-picker的选项插槽的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了Vue面试题及Vue知识点整理，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-10-10
这篇文章主要介绍了vue ant design 封装弹窗表单的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了WebSocket使用以及在vue如何使用问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
最新评论