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

uniapp组件的开关选择器可以这个携带多参数

需求:当开关选择器禁用的时候,点击对应的开关选择器有对应的弹窗展示

官方介绍,看到事件中只有一个参数,并不满足项目的需求

在这里插入图片描述

需求:有个数据列表,里面的每一项都有个开关,点击其中的一个开关展示对应的弹窗,需要拿到开关的状态,同时还需要拿到数据项的ID

解决方式:

<template>
<switch :checked="item.checked" color="#A7C83E"  :disabled="disabled"style="transform:scale(0.6)"  class="inactive-switch" @change="event=>switch1Change(event,item.id)" />
</template>
<script>
const switch1Change = async (event, id) => {isCheckedFlag.value = true//保留用户的修改开关的状态handleArr.value = dataList.value.map(item => {if (item.id == id) {return {// id:item.id,...item,checked: event.detail.value}}return item})dataList.value = handleArr.valueapi(id) }
</script>

启发:根据官方的介绍,可以调整为箭头函数返回方法的调用,这样写起来更灵活

http://www.dtcms.com/a/328957.html

相关文章:

  • CVPR2025敲门砖丨机器人结合多模态+时空Transformer直冲高分,让你的论文不再灌水
  • docker network 与host的区别
  • Uni-app + Vue3+editor富文本编辑器完整实现指南
  • 学习STM32 脉冲计数实验
  • MySQL相关概念和易错知识点(6)(视图、用户管理)
  • Java 大视界 -- 基于 Java 的大数据可视化在能源互联网全景展示与能源调度决策支持中的应用
  • 深度学习与遥感入门(七)|CNN vs CNN+形态学属性(MP):特征工程到底值不值?
  • 一键自动化:Kickstart无人值守安装指南
  • 【unitrix数间混合计算】2.20 比较计算(cmp.rs)
  • Spring Boot (v3.2.12) + application.yml + jasypt 数据源加密连接设置实例
  • 25个自动化办公脚本合集(覆盖人工智能、数据处理、文档管理、图片处理、文件操作等)
  • 【电气】NPN与PNP
  • [C语言]第二章-从Hello World到头文件
  • 四分位数与箱线图
  • Redis持久化机制详解:RDB与AOF的全面对比与实践指南
  • 动静态库
  • FPGA的PS基础1
  • 【FPGA】初始Verilog HDL
  • c++编程题-笔记
  • kali linux 2025.2安装Matlab的详细教程
  • 通过限制网络访问来降低服务器被攻击风险的方法
  • 服务器如何应对SYN Flood攻击?
  • FluxApi - 使用Spring进行调用Flux接口
  • Gradle(三)创建一个 SpringBoot 项目
  • 深度学习(3):全连接神经网络构建
  • mysql的快照读与当前读的区别
  • 11G RAC数据文件创建到本地如何处理
  • 【C语言强化训练16天】--从基础到进阶的蜕变之旅:Day3
  • 《算法导论》第 22 章 - 基本的图算法
  • [AXI5]AXI协议中的Scalar atomic和Vector atomic有什么区别?