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

作者:wax9092 时间:2024-05-13 09:38:01 

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

实现方法:纯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指定即可。

来源:http://blog.csdn.net/wax9092/article/details/78659332

标签:vue,v-for,循环,复选框,勾选,第一个
0
投稿

猜你喜欢

  • Python定时任务APScheduler的实例实例详解

    2023-03-18 01:33:05
  • seatunnel 2.3.1全流程部署使用教程

    2022-02-01 02:38:51
  • 举例详解JavaScript中Promise的使用

    2024-06-05 09:58:07
  • 打败 IE 的葵花宝典:CSS Bug Table

    2010-08-03 12:30:00
  • JavaScript面向对象之Prototypes和继承

    2024-04-23 09:14:54
  • MySQL数据库的授权原则

    2008-12-29 13:39:00
  • 静态页面分页的AJAX实现

    2008-01-19 16:19:00
  • python 公共方法汇总解析

    2023-11-23 03:03:13
  • 神经网络(BP)算法Python实现及应用

    2021-11-12 20:00:14
  • Python实现的读取/更改/写入xml文件操作示例

    2023-06-05 05:16:42
  • Python开发网站目录扫描器的实现

    2022-07-09 11:51:02
  • 详解使用python爬取抖音app视频(appium可以操控手机)

    2023-09-20 13:30:32
  • JavaScript高级程序设计 扩展--关于动态原型

    2024-04-10 11:03:50
  • 内容添加asp.net

    2024-06-05 09:27:29
  • 利用javaScript实现点击输入框弹出窗体选择信息

    2023-09-13 03:14:50
  • PHP排序二叉树基本功能实现方法示例

    2023-07-10 04:45:53
  • python项目报错:bs4.FeatureNotFound: Couldn‘t find a tree builder with the features you requests

    2022-07-17 05:39:02
  • selenium跳过webdriver检测并模拟登录淘宝

    2023-06-14 18:22:52
  • 解决pycharm同一目录下无法import其他文件

    2021-03-22 10:02:14
  • 新手如何快速入门Python(菜鸟必看篇)

    2021-01-27 01:24:35
  • asp之家 网络编程 m.aspxhome.com