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

vue语法v-model例子单选题和多选题

<template><!-- 单选框 --><input type="radio" v-model="danxuan" value="a"><label for="a">a</label><input type="radio" v-model="danxuan" value="b"><label for="b">b</label><input type="radio" v-model="danxuan" value="c"><label for="c">c</label>"单选"   {{danxuan}}<!-- 复选框 --><input type="checkbox" v-model="fuxuan" value="A"><label for="one">one</label><input type="checkbox" v-model="fuxuan" value="B"><label for="two">two</label><input type="checkbox" v-model="fuxuan" value="C"><label for="three">three</label>"复选" {{   fuxuan}}<!-- 下拉菜单 --><select name="" id="" v-model="xiala"><option  >篮球</option><option>足球</option><option>排球</option></select>选择为:{{xiala}}
</template><script >export default{data() {return {// 单选框选中时比如第一个, value值赋值给danxuan[]fuxuan:[], danxuan:[], xiala:"", }},methods:{}, mounted(){},}
</script><style lang="css"></style>

在这里插入图片描述

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

相关文章:

  • 计算机网络面试知识点总结
  • JVM生产环境问题定位与解决实战(二):JConsole、VisualVM到MAT的高级应用
  • c++入门-------命名空间、缺省参数、函数重载
  • Lua语言入门(自用)
  • 大数据开发平台的框架
  • X86_64位下的GS寄存器
  • #6【TIP2023】Dif-Fusion
  • 科普:“git“与“github“
  • unplugin-vue-components,unplugin-auto-import,借用ai去学习
  • 蓝桥杯 2013 省 B 翻硬币
  • 【硬件设计】DDR3、DDR4、DDR5、DDR6性能对比与硬件设计要点
  • 生成式AI核心技术:扩散模型原理与实战优化
  • 从网络基础到安全防护:网安运维小白的入门学习路线
  • Python 进阶特性深度解析:从语法糖到内存管理的统一视角
  • Linux DMA Engine 基础
  • 【JavaEE】SpringMVC 请求传参
  • 观察者模式说明(C语言版本)
  • LeetCode 230.二叉搜索树中第K小的元素
  • 11、集合框架
  • git常用指令详解
  • Debezium 报错:“The db history topic is missing” 的处理方法
  • Grok 3.0 Beta 版大语言模型评测
  • AcWing 3691:有向树形态 ← 卡特兰数 + 复旦大学考研机试题
  • 便携式动平衡仪Qt应用层详细设计方案(基于Qt Widgets)
  • SpringBoot源码解析(十一):准备应用上下文
  • CSS 使用white-space属性换行
  • 论文笔记(七十二)Reward Centering(四)
  • Matlab——图像保存导出成好看的.pdf格式文件
  • 官方文档学习TArray容器
  • unxi-进程间通信