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、文本域
直接绑定即可
相关文章：
v-model还可以作用于其他表单元素的使用
1、文本输入框 直接双向绑定输入的元素值 初始化默认值为空字符串 2、复选按钮 直接双向绑定输入的元素值 初始化默认值为flase，不选中 3、单选按钮， 1.使用name分组，产生互斥效果。 2.使用value存值， 3再用v-model双向绑定…...
最短路的求解
实验类型：◆验证性实验 ◇综合性实验 ◇设计性实验 实验目的：学会使用Matlab求解最短路。 实验内容：1.熟练运用Floyd算法；2. 熟练运用Dijkstra算法；3.利用Matlab编程实现最短路的计算。 例1：已知无向图…...
四：java 基础知识（4）-- 异常 字符串
目录 1. 异常处理 1.1 什么是异常 1.2 异常的类型 1.2.1 检查异常 1.2.2 运行时异常 1.3 异常的捕获与处理 1.3.1 try-catch 语句 1.3.2 finally 块 1.3.3 throw 和 throws 关键字 1.4 自定义异常 1.5 异常的最佳实践 2. 字符串 2.1 String 类的概述 2.2 字符串的…...
Uniapp 实现app自动检测更新/自动更新功能
实现步骤 配置 manifest.json 在 manifest.json 中设置应用的基本信息，包括 versionName 和 versionCode。 一般默认0.0.1，1. 服务器端接口开发 提供一个 API 接口，返回应用的最新版本信息，版本号、下载链接。客户端检测更新 使…...
7.0、RIP
RIP (Routing Information Protocol) 简介 RIP是由Xerox在20世纪70年代开发的，最初定义在RFC1058中。RIP用两种数据包传输更新:更新和请求，每个有RIP功能的路由器在默认情况下，每隔30s利用UDP520端口向与它直连的网络邻居广播(RIP1)或组播(R…...
C#与C++结构体的交互
C#在和C进行交互时，有时候会需要传递结构体。 做一些总结，避免大家在用的时候踩坑。 一般情况 例如我们在C里定义了一个struct_basic结构体 1 struct struct_basic 2 { 3 WORD value_1; 4 LONG value_2; 5 DWORD value_3; 6 UINT v…...
sql纵表转横表
项目上有一个需求（例子）： 用户表 user{ id, name, workCode } id name workCode 1 张三 WC1001 2 李四 WC1002 工作信息表 work{ id, name, workCode, workTimeSun } id name …...
数据采集-Kepware OPCUA 服务器实现
KepserverEX OPC UA server设置 系列文章目录 数据采集-Kepware 安装证书异常处理 目录 KepserverEX OPC UA server设置系列文章目录一、OPC UA(OPC Unified Architecture)二、防火墙的配置三、配置KepserverEX的OPC UA3.1 启用远程连接3.2 启动OPCUA服务器接口 四、管理OPCU…...
初识计算机网络
🌎初识计算机网络 文章目录： 初识计算机网络 计算机网络背景 网络协议 初识协议 制定协议标准的组织或公司 OSI七层模型 操作系统和计算机网络关系 再谈协议 网络传输的基本流程 …...
Oracle 第11章：异常处理
在 Oracle PL/SQL 中，异常处理是一个重要的概念，它用于管理程序执行过程中可能发生的错误或特殊情况。异常可以是系统预定义的，也可以是由用户自定义的。 异常类型与处理机制 PL/SQL 提供了两种类型的异常： 预定义异常…...
导航栏渐变色iOS
- (void)viewDidLoad {[super viewDidLoad];// 设置导航栏属性self.navigationBar.translucent NO;[self.navigationBar setTitleTextAttributes:{NSForegroundColorAttributeName : [UIColor whiteColor], NSFontAttributeName:[UIFont boldSystemFontOfSize:28]}];// 修复iO…...
mysql读写分离
一、proxysql实现mysql读写分离 二、mycat...
计算机的错误计算（一百四十二）
摘要 本节探讨 MATLAB中 附近数的正弦函数的计算精度问题。 例1. 已知 计算 与 直接贴图吧： 另外， 16位的正确值分别为 -0.3077518861551721e-8 与 0.4106402475009074e-3（ISRealsoft 提供）。 容易看出，MATLAB的…...
利用大模型辅助科研论文写作·第一期｜论文写作·24-11-02
小罗碎碎念 从这期推文开始，开一个新的系列——如何利用大语言模型辅助论文写作。 我目前的推文主要都集中于分享已经发表的论文，前期背景积累到一定程度以后，我们要动手做实验然后写自己的论文。如果从头到尾，全都自己写…...
JavaScript。—关于语法基础的理解—
一、程序控制语句 JavaScript 提供了 if 、if else 和 switch 3种条件语句，条件语句也可以嵌套。 （一）、条件语句 1、单向判断 ： if... （1）概述 < if >元素用于在判断该语句是否满足特定条…...
Tomcat 11 下载/安装 与基本使用
为什么要使用Tomcat？ 使用Apache Tomcat的原因有很多，以下是一些主要的优点和特点： 1. 开源与免费 Tomcat是一个完全开源的项目，任何人都可以免费使用。它由Apache软件基金会维护，拥有一个活跃的社区，这…...
Linux系统时间服务——Chrony服务器
文章目录 Linux系统时间服务——Chrony服务器前言时间同步的重要性Linux系统的两种时钟系统时钟（System Clock）相关命令硬件时钟 (RTC - Real Time Clock)相关命令 Chrony介绍NTP Chronyc相关命令服务管理相关命令chronyc 基本命令时间校正和控制命令NTP…...
C# 接口（Interface）
C# 接口（Interface） 接口在C#中是一种非常重要的概念，它定义了一个约定，实现该接口的类必须遵循这个约定。接口可以包含方法、属性、事件和索引器，但不包含实现。这使得接口成为定义抽象行为的理想选择。在本文中&…...
《高频电子线路》—— 电容三端LC振荡器
文章内容来源于【中国大学MOOC 华中科技大学通信（高频）电子线路精品公开课】，此篇文章仅作为笔记分享。 电容三端LC振荡器 基本原理（考毕兹电路） 反馈电压从C2上取得，作为输入电压，形成正反馈&a…...
leetcode35.搜索插入位置
1）题目描述： 2）本题要求使用 时间复杂度O(log n)的算法，这里使用二分查找的方法，这道题本身不复杂，但是，在使用递归调用时，笔者经常把递归结束的边界搞错，这里给出几版代…...
stm32G473的flash模式是单bank还是双bank？
今天突然有人stm32G473的flash模式是单bank还是双bank？由于时间太久，我真忘记了。搜搜发现，还真有人和我一样。见下面的链接：https://shequ.stmicroelectronics.cn/forum.php?modviewthread&tid644563 根据STM32G4系列参考手…...
Swift 协议扩展精进之路：解决 CoreData 托管实体子类的类型不匹配问题（下）
概述 在 Swift 开发语言中，各位秃头小码农们可以充分利用语法本身所带来的便利去劈荆斩棘。我们还可以恣意利用泛型、协议关联类型和协议扩展来进一步简化和优化我们复杂的代码需求。 不过，在涉及到多个子类派生于基类进行多态模拟的场景下，…...
HTML 列表、表格、表单
1 列表标签 作用：布局内容排列整齐的区域 列表分类：无序列表、有序列表、定义列表。 例如： 1.1 无序列表 标签：ul 嵌套 li，ul是无序列表，li是列表条目。 注意事项： ul 标签里面只能包裹 li…...
Java多线程实现之Callable接口深度解析
Java多线程实现之Callable接口深度解析 一、Callable接口概述1.1 接口定义1.2 与Runnable接口的对比1.3 Future接口与FutureTask类 二、Callable接口的基本使用方法2.1 传统方式实现Callable接口2.2 使用Lambda表达式简化Callable实现2.3 使用FutureTask类执行Callable任务 三、…...
OPENCV形态学基础之二腐蚀
一.腐蚀的原理 (图1) 数学表达式：dst(x,y) erode(src(x,y)) min(x,y)src(xx,yy) 腐蚀也是图像形态学的基本功能之一，腐蚀跟膨胀属于反向操作，膨胀是把图像图像变大，而腐蚀就是把图像变小。腐蚀后的图像变小变暗淡。 腐蚀…...
Mobile ALOHA全身模仿学习
一、题目 Mobile ALOHA：通过低成本全身远程操作学习双手移动操作 传统模仿学习（Imitation Learning）缺点：聚焦与桌面操作，缺乏通用任务所需的移动性和灵活性 本论文优点：（1）在ALOHA…...
VM虚拟机网络配置（ubuntu24桥接模式）：配置静态IP
编辑-虚拟网络编辑器-更改设置 选择桥接模式，然后找到相应的网卡（可以查看自己本机的网络连接） windows连接的网络点击查看属性 编辑虚拟机设置更改网络配置，选择刚才配置的桥接模式 静态ip设置： 我用的ubuntu24桌…...
华为OD机考-机房布局
import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...
es6+和css3新增的特性有哪些
一：ECMAScript 新特性（ES6） ES6 (2015) - 革命性更新 1，记住的方法，从一个方法里面用到了哪些技术 1，let /const块级作用域声明2，**默认参数**：函数参数可以设置默认值。3&#x…...
Vue3中的computer和watch
computed的写法 在页面中 <div>{{ calcNumber }}</div>script中 写法1 常用 import { computed, ref } from vue; let price ref(100);const priceAdd () > { //函数方法 price 1price.value ; }//计算属性 let calcNumber computed(() > {return ${p…...