首页 > 其他分享 >elementui字符串和数字型单选框的区别

elementui字符串和数字型单选框的区别

时间:2023-11-03 14:23:03浏览次数:41  
标签:冒号 elementui 单选框 label 字符串 数字型

单选框的取值类型一般有两种,一种是字符串,一种是数字型。两者在使用上有区别

数字型

<el-radio :disabled="true" v-model="meetingType" :label="1"
                >线上会议</el-radio
              >
              <el-radio :disabled="true" v-model="meetingType" :label="0"
                >线下会议</el-radio
              >

label前面需要加上冒号

 

字符串型

<el-radio  v-model="x.attendance" label="1" disabled
                    >是</el-radio
                  >
                  <el-radio v-model="x.attendance" label="0" disabled
                    >否</el-radio
                  >

label前面没有冒号

标签:冒号,elementui,单选框,label,字符串,数字型
From: https://www.cnblogs.com/AduBlog/p/17807500.html

相关文章

  • ElementUI Checkbox 多选框 返回对象
    checkBox和checkGroup通过v-model绑定的数据只能是number/string/Array 如何回调返回对象呢? 已知能返回label字符串,我们可以把label=对象id +','+ 对象名称拼接,然后返回,或者label=json字符串再传出每次选中操作后会回调返回选中数组 ......
  • 基于Vue2+elementUI的二手书管理系统-计算机毕业设计源码+LW文档
    摘 要本设计完成了基于Vue2+elementUI的二手书管理系统的设计与实现。现代移动化网络发展下,不同于以往的短信、邮件、收音机传递信息,网页是向用户传输信息的主要媒介之一。书籍也是向人们传递信息和知识的媒介,如今书籍印刷和出版的快速发展,以及社会文化水平的进步,越来越多的读书......
  • Vue+ElementUI 下拉框问题的一个解决方案
    问题描述:Vue使用ElementUI使用下拉框组件时,点击空白处,无法隐藏展开的选项。build项目后,此类问题时有时无,不确定。报错如图:于是自己做了个组件封装一下原生下拉框,解决无法关闭下拉选项问题。代码如下:<template><div:ref="'div_my_select_component_'+rid"v-click-outside=......
  • 基于 ElementUi框架的 table组件制作的 报表功能
    <template><!--月周计划报表--><divclass="monthPlanForm"><el-table:data="tableData":span-method="spanMethod"style="width:100%"><el-table-columntype="index"widt......
  • elementui实现 返回顶部
    elementui实现返回顶部重要样式.page{overflow-y:scroll;}js获取类名.page<divclass="page"style="padding-bottom:40px;"> <divclass="toTop"@click="backTop"> <divclass="h-svg-icon-wrapper......
  • 关于elementui的cascader组件多个级联大量数据滚动定位样式导致卡顿问题
    如题,多个cascader级联组件,下拉选项含大量数据,滚动时会有实时样式重新渲染,导致CUP内存溢满而卡顿解决尝试:使用elementui中的内部源码方法处理<script>import{addResizeListener,removeResizeListener}from'element-ui/src/utils/resize-event';...setu......
  • ElementUI——el-upload上传前校验图片宽高
    前言总要写点东西吧,最近忙于项目,github上的问题也没处理,博客也没咋写,自媒体上的东西也没咋发,随手记录一下当前项目改造时候遇到的问题吧;内容before-upload借助于:before-upload来进行校验,使用FileReader和Image来获取宽高constreader=newFileReader()reader.onload......
  • 翻译语言选择自定义封装(elementUI)
    基于elementUI下拉菜单项el-dropdown自定义封装<template><div><el-dropdowntrigger="click"@command="handleCommand"><el-inputv-model="form.key1"suffix-icon="el-icon-arrow-down"pl......
  • elementui组件封装(el-menu)
    废话不多说直接上代码:递归菜单项:<template><el-submenuv-if="menuData.children&&menuData.children.length>0":index="menuData.menuId"><templateslot="title"><iclass="el-icon-location......
  • elementui表格复杂操作
    1.elementui表格最后一行加粗显示表格table加以下属性:cell-style="cellStyleModify"methods方法实现:cellStyleModify({row,column,rowIndex,columnIndex}){letfontStyle=null;if(row.ggmc.includes('合计')){fontStyle='font-wei......