首页 > 其他分享 >复选框单选

复选框单选

时间:2024-08-23 15:53:33浏览次数:13  
标签:dataHandle lastDataHandle value 复选框 单选 const any

 


const lastDataHandle = ref(null); // 上次选择的dataHandle值 const dataHandle: any = ref([]); const dataHandleALLList = [ { label: '无', value: 0 }, { label: '上传照片', value: 1 }, { label: '二维建模', value: 2 }, ]; // 单选 function setLastDataHandle() { lastDataHandle.value = dataHandle.value.length > 0 ? dataHandle.value[0] : null; } // 航线媒体数据处理(单选) function handleDataHandleChange(checkedValue: any) { dataHandle.value = checkedValue.filter((item: any) => lastDataHandle.value !== item); setLastDataHandle(); }
  <a-form-item label="航线媒体数据处理" :label-col="{ style: { width: '8rem' } }">
                <a-checkbox-group v-model:value="dataHandle" :options="dataHandleALLList"
                  @change="handleDataHandleChange" />
              </a-form-item>

 

标签:dataHandle,lastDataHandle,value,复选框,单选,const,any
From: https://www.cnblogs.com/Byme/p/18376113

相关文章

  • 基础组件:单选开关和复选框
    一、简介Material组件库中提供了Material风格的单选开关Switch和复选框Checkbox,虽然它们都是继承自StatefulWidget,但它们本身不会保存当前选中状态,选中状态都是由父组件来管理的。当Switch或Checkbox被点击时,会触发它们的onChanged回调,我们可以在此回调中处理选中状态改变逻辑......
  • ant design vue 表格table 和复选框Checkbox结合 实现树形数据操作
    前言:最近在做一个权限管理的页面,需要配置权限。业务给的要求在表格里,展示权限以及编辑权限。然后根据权限数组,动态展示模块。页面需求:可以设定每个公司或者部门的单独权限,可以编辑保存权限主要实现:1.全选,反选(递归循环,every,some实现)2.子级选中其父级选中,父级取消子级也取消3.......
  • RHEL 9中,开机看不到菜单选项,如何解决?
    记一个小方法在使用RHEL9的时候,发现开机的时候没有菜单选项(造成的原因暂未深究),也就无法通过e进入救援模式了,这是有潜在风险的。那么,如何让菜单展示出来呢,还是说,菜单损坏了?后来发现,其实只是timeout设置成了0,只需要修改成非0的数据,就可以让开机后的菜单显现出来那么如何修改了?......
  • el-table单选2
    <template> <el-table ref="singleTable" :data="tableData" tooltip-effect="dark" style="width:100%" @select="rowSelect" > <el-table-columntype="selection"width="......
  • Python 复选框和 Excel
    我有一个Python系统,它收集用户的条目,进行计算并显示结果。当用户单击条目数据按钮时,所有数据条目和结果都会转换为Excel。在系统界面中有是部分的复选框,结果显示在Excel中。我需要一个助手来编写代码,以便我可以在每次用户选择选定的复选框时转换结果,将复选框的每......
  • QTreeView 样式设置以及Checkbox复选框样式设置
    这种样式设置如下QTreeView{background:#303033;font-size:16px;color:rgba(255,255,255,1);border:0px;}QTreeView::item{background:#303033;height:40px;}QTreeView::branch{background:#303033;}QTreeView::item:hover{......
  • 织梦dedecms自定义表单选项必填怎么修改?
    我们先在plus/diy.php文件中的的第40行下加上一下代码//增加必填字段判断if($required!=&#39;&#39;){if(preg_match(&#39;/,/&#39;,$required)){$requireds=explode(&#39;,&#39;,$required);foreach($requiredsas$field){if($$field==&#39;&#39;){......
  • 在 Django 表单中使用正确的 Bootstrap CSS 进行单选表单输入
    如何让Django表单将正确的Bootstrap渲染到Radioselect表单输入?我在表单中传递了form-controlform-checkclassess,但生成的表单HTML对于radioselect选项并不准确。我正在寻找渲染引导程序原色和内联单选按钮。表单classPersonForm(forms.Form......
  • HarmonyOS应用开发者高级认证,Next版本发布后最新题库 - 单选题序号1
    本来打算找到工作再整理高级的题库,但一直没什么面试机会。宅在家里也不知道干些什么。索性就把高级的题库整理出来了。也算有头有尾。高级的题库更新之后,专业性更强了,不是真正从事这一行的,很难做出来。本人就是个小菜鸡,有一些题,我也不想不明白。题目的答案我尽可能的找到出......
  • 简单选择结构及if、Switch的用法
    关系运算符、关系表达式及逻辑运算符、逻辑表达式关系运算符、关系表达式逻辑运算符、逻辑表达式单目运算>算数运算>关系运算>逻辑运算>if语句if有if语句,if...else,以及if语句一般需加花括号,因为在if...else嵌套中是if和else能正确配对条件运算符一种简洁的条件判......