当前位置: 首页 > article >正文

vue从入门到精通(十三):收集表单数据

1.收集表单数据

若:<input type="text”/>,则v-model收集的是value值,用户输入的就是value值。

若:<input type="radio”/>,则v-model收集的是value值,且要给标签配置value值。

若: input type="checkbox”/>

1.没有配置input的value属性,那么收集的就是checked(勾选or 未勾选,是布尔值)

2.配置input的value属性:
(1)v-model的初始值是非数组,那么收集的就是checked(勾选or 未勾选,是布尔值)
(2)v-model的初始值是数组,那么收集的的就是value组成的数组

备注
v-model的三个修饰符:

  • lazy:失去焦点再收集数据
  • number:输入字符串转为有效的数字
  • trim:输入首尾空格过滤

在这里插入图片描述


http://www.kler.cn/a/559978.html

相关文章:

  • 鸿蒙开发深入浅出01(基本环境搭建、页面模板与TabBar)
  • 基于SpringBoot+Vue前后端分离的旅游信息推荐管理系统设计与实现+毕业论文+指导搭建视频
  • 深入剖析 Java Pinpoint:分布式系统性能分析的利器
  • 1_安装JDK和Hadoop
  • 3-1 WPS JS宏工作簿的新建与保存(批量新建工作簿)学习笔记
  • 第438场周赛:判断操作后字符串中的数字是否相等、提取至多 K 个元素的最大总和、判断操作后字符串中的数字是否相等 Ⅱ、正方形上的点之间的最大距离
  • deepseek_清华大学指导手册_pdf_1-5
  • Python爬虫系统搭建教程,从0开始搭建爬虫系统(附安装包)
  • Qt 中的线程池QRunnable和QThreadPool
  • Openwrt路由器操作系统
  • 保安员考试题库及答案
  • LeetCode-34. 在排序数组中查找元素的第一个和最后一个位置
  • 什么是拆分金额
  • 容器化部署tomcat
  • 国标28181协议在智联视频超融合平台中的接入方法
  • 【LLM系列6】DPO 训练
  • 算法15--BFS
  • 【数据结构】 最大最小堆实现优先队列 python
  • 新民主主义革命理论的形成依据
  • Maven最新版安装教程