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

v-model还可以作用于其他表单元素的使用

 1、文本输入框

直接双向绑定输入的元素值

初始化默认值为空字符串

2、复选按钮 

直接双向绑定输入的元素值

初始化默认值为flase,不选中

3、单选按钮,

1.使用name分组,产生互斥效果。

2.使用value存值,

3再用v-model双向绑定即可

4初始值为谁的value,就默认选中哪个选项

4、下拉框按钮 

1.需要给每一项option设置value,将来用于提交

2.select框的value会与选中的项形成关联,选项变化,select值就会对应改变。同理一旦select的值变了,上面的选项也会变

3再用v-model与select进行绑定,即可实现效果

4初始值为谁的value,就默认选中哪个选项

调试时可以先选中的这个元素,取到$0这个值

然后在控制台调试界面,通过刚刚拿到的这个$0来获取到刚刚选中的那个元素,选中哪个项就会显示哪个值

反向设置为104 
上面的下拉文本也变为对应南京 

5、文本域

直接绑定即可 

 

http://www.lryc.cn/news/475435.html

相关文章:

  • 最短路的求解
  • 四:java 基础知识(4)-- 异常 字符串
  • Uniapp 实现app自动检测更新/自动更新功能
  • 7.0、RIP
  • C#与C++结构体的交互
  • sql纵表转横表
  • 数据采集-Kepware OPCUA 服务器实现
  • 初识计算机网络
  • Oracle 第11章:异常处理
  • 导航栏渐变色iOS
  • mysql读写分离
  • 计算机的错误计算(一百四十二)
  • 利用大模型辅助科研论文写作·第一期|论文写作·24-11-02
  • JavaScript。—关于语法基础的理解—
  • Tomcat 11 下载/安装 与基本使用
  • Linux系统时间服务——Chrony服务器
  • C# 接口(Interface)
  • 《高频电子线路》—— 电容三端LC振荡器
  • leetcode35.搜索插入位置
  • Redis全系列学习基础篇之位图(bitmap)常用命令的解析
  • Copilot功能
  • 《GBDT 算法的原理推导》 11-13初始化模型 公式解析
  • # Easysearch 与 LLM 融合打造高效智能问答系统
  • 本地可以插入表记录,生产不能插入表记录
  • 11.Three.js使用indexeddb前端缓存模型优化前端加载效率
  • 功能测试:方法、流程与工具介绍
  • 【Orange Pi 5 Linux 5.x 内核编程】-设备驱动中的sysfs
  • 微信小程序-全局数据共享/页面间通信
  • java计算机毕设课设—Java聊天室(附源码、文章、相关截图、部署视频)
  • 图像识别基础认识