首页 > 其他分享 >a-checkbox-group的用法2

a-checkbox-group的用法2

时间:2023-10-26 10:58:06浏览次数:37  
标签:checkbox group label value 复选框 用法 id change

有时候在项目中,一个复选框组中,选中某个复选框都要进行一定的操作,如果不想使用整体的change事件,可以在单个的checkbox中定义change事件,比如如下代码:

      <a-checkbox-group v-model="checkedList">
        <a-row :gutter="24">
          <a-col :span="6" v-for="{ value, label } in Options" :key="value">
            <a-checkbox :value="value" @change="change($event,value)">
              {{ label }}
            </a-checkbox>
          </a-col>
        </a-row>
      </a-checkbox-group>

其中Options是数组:[{ label:'xxx', value: 1 },....], checkedList是选中的id的集合[1,2,...]

事件代码如下:

 change(e,value){
 
      let option={
        id:value,
        isuse:e.target.checked
      }
    ...
 }

这样选择某个节点,就可以单独响应事件。

标签:checkbox,group,label,value,复选框,用法,id,change
From: https://www.cnblogs.com/panwudi/p/17788899.html

相关文章

  • C# 运算符 ?、??、?: 、?. 、各种问号的用法和说明
    1.可空类型修饰符(?)引用类型可以使用空引用表示一个不存在的值,而值类型通常不能表示为空。例如:stringstr=null;是正确的,inti=null;编译器就会报错。为了使值类型也可为空,就可以使用可空类型,即用可空类型修饰符"?"来表示,表现形式为"T?"例如:int?表示可空的整形,DateTime?表示可为......
  • C# 枚举高级用法之Description
    在主函数中:publicenumDB{[Description("读")]write=1,[Description("写")]read=2,}privatestaticvoidMain(string[]args){//第一种方法Console.WriteLine(DB.write.ToDescription());Console.WriteLine(DB.read.ToDescrip......
  • C#中base关键字的几种用法
    base最大的使用就是“面向对象”开发的多态中。base可以对派生类(子类)实例中调用基类(父类)的构造函数方法或者基类上已经被重写的虚方法。首先声明两个类ABpublicclassA{publicA(){Console.WriteLine("我是父类A");}......
  • MapReduce自定义GroupingComparator
    需求:有如下订单明细数据0000001 01 222.80000002 06 722.40000001 05 25.80000003 01 222.80000003 01 33.80000002 03 522.80000002 04 122.4第一列是订单编号,第二列是商品id,第三列是商品金额,列与列之间用制表符分隔。现在需要求出每一个订单中最贵的商品。思路:将订单id和商......
  • vue3 watch 用法
    <scriptsetup>import{ref,computed,watch}from'vue'constnum=ref(1)constname=ref('ming')constobj=ref({name:'小明',age:30})//watch简单类型//watch(num,(newValue,oldVal......
  • C#之System.Text.Json的用法
    System.Text.Json是C#中的一个JSON序列化和反序列化库,它在.NETCore3.0及更高版本中提供了内置支持。以下是System.Text.Json的用法详解:JSON序列化JSON序列化是将.NET对象转换为JSON字符串的过程。usingSystem;usingSystem.Text.Json;publicclassPerson......
  • C#中Math.Round(指定四舍五入)、Math.Ceiling和Math.Floor的用法
    1.Math.Round:四舍六入五取偶Math.Round(17.475728155339805,2,MidpointRounding.AwayFromZero)=17.48Math.Round(0.0)//0Math.Round(0.1)//0Math.Round(0.2)//0Math.Round(0.3)//0Math.Round(0.4)//0Math.Round(0.5)//0Math.Round(0.6)//1Math.Round(0.7)//1Math.Round(0......
  • C# Linq to Enitty Lamda中日期格式化,请使用SqlFunctions.DateName及SqlFunctions的其
    vardata=db.Invoice.Select(i=>newInvoiceVM{InvoiceId=i.InvoiceId,GroupIds=SqlFunctions.DateName("yyyy",i.BillDate)+"-"+SqlFunctions.DateName("MM",i.BillDate),Description=i.Description,CreateDate=i.Cre......
  • vue3 elementplus table表格内添加checkbox和行号
    1.仅添加复选框<el-table-columntype="selection"width="55"></el-table-column>2.添加复选框和文字行号在一列<el-table-column><template#header><el-checkboxv-model="selectAll"@change="han......
  • 分区函数 Partition By 与 row_number() 的用法 & 排序rank()的用法详解(获取分组(分
    partitionby关键字是分析性函数的一部分,它和聚合函数不同的地方在于它能返回一个分组中的多条记录,而聚合函数一般只有一条反映统计值的记录,partitionby用于给结果集分组,如果没有指定那么它把整个结果集作为一个分组,分区函数一般与排名函数一起使用。准备测试数据:createtable......