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

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:输入首尾空格过滤

在这里插入图片描述

相关文章:

  • [前端开发]vue-devtools6.5.0及历史版本下载
  • 【大模型系列篇】如何解决DeepSeek-R1结构化输出问题,使用PydanticAl和DeepSeek构建结构化Agent
  • 【够用就好006】-PC桌面管理ECS服务器的实操步骤
  • 20250212:https通信
  • 网络基础I
  • Python游戏编程之赛车游戏6-4
  • **模式的好处 (设计模式)
  • ArcGIS Pro中创建最低成本路径的详尽教程
  • 科普:HTTP端口80和HTTPS端口443
  • 浅谈 Redis 主从集群原理(一)
  • Figure自研模型Helix发布,人形机器人迈向新纪元?
  • 《一起打怪兽吧》——自制一款Python小游戏
  • 一文讲解Redis中的数据一致性问题
  • Linux红帽:RHCSA认证知识讲解(二)配置网络与登录本地远程Linux主机
  • Qt在Linux嵌入式开发过程中复杂界面滑动时卡顿掉帧问题分析及解决方案
  • 策略模式介绍和代码示例
  • Megatron-LM:使用模型并行训练数十亿参数的语言模型
  • 【SpringBoot+Vue】博客项目开发一:基础框架搭建
  • Python游戏编程之赛车游戏6-3
  • java23种设计模式-桥接模式
  • 网站国外空间/bt蚂蚁磁力搜索天堂
  • 个人建设网站/网络平台推广有哪些渠道
  • 龙岩电商公司/锦绣大地seo
  • 贵州毕节建设局网站官网/网站查询域名ip
  • 两学一做知识竞答网站/网站seo基础
  • 上海英文网站建设公司/网站推广公司哪家好