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

随手小记:elementUI的勾选框使用的坑

摘要:勾选框的两种使用方式和适合的场景记录一下,避免采坑。

方式一: v-model

只需要展示勾选状态 ,获取勾选值isChecked,
场景:简单展示,无逻辑处理

 <el-checkbox v-model="isChecked"></el-checkbox>

方式二:value

不仅要展示勾选状态,还要处理勾选的数据
场景:有逻辑处理
采坑:如果这里使用的是双向数据绑定v-model,在处理函数里面获取_checked的值不对页面展示的勾选状态无反应

<el-checkbox :value="item.isChecked" @change="handler(item.id, $event)"></el-checkbox>// methods
checkedItemHandler(id, _checked) {// id传值,_checked当前勾选状态// todo...处理数据  // 比如修改数据item的isChecked =  _checked 及其他处理
}
http://www.dtcms.com/a/355010.html

相关文章:

  • 大模型微调示例五之Llama-Factory_agent_functioncalling
  • 大数据原生集群 (Hadoop3.X为核心) 本地测试环境搭建三
  • 仓颉编程语言:全场景开发的未来选择
  • SAP-ABAP:SAP HANA 架构解析:主从(Scale-Out)与主备(High Availability)架构深度对比
  • 从零开始学习JavaWeb-20
  • 架构评审:构建稳定、高效、可扩展的技术架构(上)
  • 刷题日记0828
  • AMGCL介绍和使用
  • Spark 安装教程与使用指南
  • Jetson(meta‑tegra)升级要点与 doflash.sh 组件清单
  • 嵌入式研发工程师成长路线图,基础入门 → 中级提升 → 高级进阶 → 专家方向
  • 基于 Spring AMQP 的 RabbitMQ 分布式消息系统实战
  • imx6ull-驱动开发篇47——Linux SPI 驱动实验
  • Java全栈工程师的实战面试:从基础到微服务的全面解析
  • 磁力计校准矩阵求解方法解析
  • go grpc使用场景和使用示例
  • python02
  • Codeforces Round 1043 (Div. 3) F. Rada and the Chamomile Valley
  • 02Shell的变量运算以及数据比较
  • 卷积神经网络(一):卷积神经网络基础
  • 基于卷积神经网络 (CNN) 的 MNIST 手写数字识别模型
  • 如果给我们直接创建的类加上索引?和len方法?
  • 深度学习篇---模型参数保存
  • 卷积神经网络实现mnist手写数字集识别案例
  • Apollo-PETRv1演示DEMO操作指南
  • 【Qt】QCryptographicHash 设置密钥(Key)
  • Deeplizard 深度学习课程(四)—— 模型构建
  • jwt原理及Java中实现
  • 海盗王64位dx9客户端修改篇之二
  • 学习Java29天(tcp多发多收)但是无解决客户端启动多个问题