首页 > 其他分享 >在创建的Vue工程中使用el-radio定义单选框,点击不显示效果

在创建的Vue工程中使用el-radio定义单选框,点击不显示效果

时间:2024-03-27 10:34:57浏览次数:31  
标签:el vue 单选框 点击 Vue radio ref

之前在vue工程中的组件时下面这样的

<template>
    <el-radio v-model="radio" value="0">男</el-radio>
    <el-radio v-model="radio" value="1">女</el-radio>
</template>

 结果是点击不显示已选中

 需要在script中引入vue才行

<template>
    <el-radio v-model="radio" value="0">男</el-radio>
    <el-radio v-model="radio" value="1">女</el-radio>
</template>
  <script  setup>
  import { ref } from 'vue'
  
  const radio = ref(2)
  </script>

 其中ref里面的值表示默认选中第几个单选框

标签:el,vue,单选框,点击,Vue,radio,ref
From: https://www.cnblogs.com/lixianhui/p/18097901

相关文章

  • el-table样式的设置
    1.更换表格每行背景颜色//设置表头的颜色/deep/.el-tabletheadtr>th{width:100%;background-color:rgb(22,18,102);border:none;}//去除每行的边框/deep/.el-tabletbodytr>td{//background-color:rgb(26,28,119);color:#fff;......
  • Xilinx ZYNQ 7000+Vivado2015.2系列(三)之HelloWorld实验(最小系统)(纯PS)
    前言:使用的板子是zc702。用Vivado的IP核搭建最小系统,包括ARM核(CPUxc7z020),DDR3(4×256M),一个UART串口(MiniUSB转串口),纯PS,通过串口打印出HelloWorld,工程虽小,五脏俱全,算是一种朝圣。配置要和板子对应,大家注意修改。操作步骤:硬件部分1.新建Vivado工程选择芯片型号xc7z020clg484_1......
  • 基于SpringBoot+Vue的医院急诊系统
    运行演示:运行演示跳转开发语言:JavaJDK版本:JDK1.8(或11)服务器:tomcat数据库:mysql 5.6/5.7(或8.0)数据库工具:Navicat开发软件:idea依赖管理包:Maven代码+数据库保证完整可用,可提供远程调试并指导运行服务(额外付费)~如果对系统的中的某些部分感到不合适可提供修改服务,比如题目、......
  • 基于SpringBoot+Vue的商务邮箱安全系统
    运行演示:运行演示跳转开发语言:JavaJDK版本:JDK1.8(或11)服务器:tomcat数据库:mysql 5.6/5.7(或8.0)数据库工具:Navicat开发软件:idea依赖管理包:Maven代码+数据库保证完整可用,可提供远程调试并指导运行服务(额外付费)~如果对系统的中的某些部分感到不合适可提供修改服务,比如题目、......
  • SpringBoot+Vue的酒店管理系统
    运行演示:运行演示跳转开发语言:Java框架:ssm + vueJDK版本:JDK1.8(或11)服务器:tomcat数据库:mysql 5.6/5.7(或8.0)数据库工具:Navicat开发软件:idea依赖管理包:Maven代码+数据库保证完整可用,可提供远程调试并指导运行服务(额外付费)~如果对系统的中的某些部分感到不合适可提供修......
  • Shell脚本编程基础
    Shell的作用——命令解释器Bash是一个用于GNU操作系统的shell,也就是命令解释器,这个名字是Borune-AgainSHell的缩写.重定向重定向输入<从指定的文件读取数据,而不是从键盘输入 重定向输出>将输出结果保存到指定的文件(覆盖原有内容)>>将输出结果追加到指定的文件 标准错误......
  • 【论文项目复现1】漏洞检测项目复现_VulDeeLocator
    复现环境Ubuntu20.04CPU:32GGPU:11G2080tiSource2slice:clang-6.0+llvm+dg(dg:https://github.com/mchalupa/dg)、gcc-9.5,g++-9.5DatapreprocessandModeltraining:python3.6+tensorflow1.6+keras2.1.2+gensim3.4建议用conda配置环境,包括cuda9.0,cudn......
  • laravel 容器的底层原理&聚簇索引和非聚簇索引的区别&面试心得
    1.laravel容器的底层原理Laravel容器的实现原理是基于PHP的反射机制和依赖注入(DependencyInjection)的思想。在Laravel中,容器(Container)是一个用于解决类之间依赖关系的工具。它负责实例化对象,并处理对象之间的依赖关系。容器的实现原理主要包括以下几个步骤:注册绑定:通过容器......
  • Dapr微服务应用开发系列2:Hello World与SDK初接触
    HelloWorldDapr应用的HelloWorld其实和其他的HelloWorld一样简单:首先用你喜欢的语言和框架创建一个HelloWorld程序。比如在.NET5下,就可以简单的这样实现 dotnetnewconsole-odapr-hello-world只是运行这个HelloWorld不是直接启动程序,而是通过Dapr来启动:daprrun--a......
  • Excel表格怎么免费转换pdf?方法汇总分享
    Excel文件是一种非常常见的电子表格文件格式,可以转换成多种样式,那么应该怎么转换成表格呢?下面一起来看看吧!MicrosoftOffice套件(Word、Excel等)如果您使用的是MicrosoftOfficeExcel,只需打开Excel表格,然后点击左上角的“文件”菜单,选择“另存为”(或“SaveAs”),在弹出的保存......