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

解决抖音semi-ui的Input无法获取到onChange事件

news 2026/3/28 16:42:40

最近在使用semi-ui框架的Input实现一个上传文件功能时遇到了坑，就是无法获取到onChange事件，通过console查看只是拿到了一个文件名。但若是把<Input>换成原生的<input>，就可以正常获取到事件。仔细看了下官方文档，发现semi-ui的Input其实是有坑的。

产生问题的原因是因为在semi-ui的Input里，即使type指定为file后，onChange的第一个参数是输入框的value值，第二个参数才是事件event，所以onChange的handle函数必须要指定两个参数才可以正常获取到触发event，否则拿到的只是value值；而在原生input中，onChange的handle函数只有一个参数就是事件event，所以在指定一个参数时就可以获取到事件。

 

相关文章：

解决抖音semi-ui的Input无法获取到onChange事件

最近在使用semi-ui框架的Input实现一个上传文件功能时遇到了坑&#xff0c;就是无法获取到onChange事件&#xff0c;通过console查看只是拿到了一个文件名。但若是把<Input>换成原生的<input>&#xff0c;就可以正常获取到事件。仔细看了下官方文档&#xff0c;发现…...

编程日记 2023/8/26 12:42:57

免费的png打包plist工具CppTextu，一款把若干资源图片拼接为一张大图的免费工具

经常做游戏打包贴图的都知道&#xff0c;要把图片打包为一张或多张大图&#xff0c;要使用打包工具TexturePacker。 TexturePacker官方版可以直接导入PSD、SWF、PNG、BMP等常见的图片格式&#xff0c;主要用于网页、游戏和动画的制作&#xff0c;它可以将多个小图片汇聚成一个…...

编程日记 2023/8/26 12:41:55

深层次分析字符数组和字符串的区别是什么？

前言 &#xff08;1&#xff09;休闲时刻刷B站&#xff0c;看到一个卖课的&#xff0c;发视频问&#xff0c;char arr1[]{‘H’,‘E’,‘L’,‘L’,‘O’};和char arr2[]“HELLO”;区别是什么。 &#xff08;2&#xff09;看那个卖课博主一顿分析&#xff0c;最后成功得出&…...

编程日记 2023/8/26 12:40:54

Redis 的主从复制、哨兵模式、集群脑裂

主从复制 主从复制是 Redis 高可用服务最基础的保证&#xff0c;将一台 Redis 主服务器&#xff0c;同步数据到多台 Redis 从服务器上&#xff0c;即一主多从的模式&#xff0c;且主从服务器之间采用的是「读写分离」的方式。 主服务器可以进行读写操作&#xff0c;当发生写操…...

编程日记 2023/8/26 12:38:50

Pycharm通过SSH配置centos上Spark环境

直接在shell进行pyspark进行编程&#xff0c;程序没有办法写得太长&#xff0c;而且我们希望能够实现一个及时给出结果的编程环境&#xff0c;可以使用pycharm连接centos上的spark&#xff0c;进行本地编程&#xff0c;同步到centos系统中运行程序&#xff0c;并把结果返回pych…...

编程日记 2023/8/26 12:37:49

leetcode做题笔记98. 验证二叉搜索树

给你一个二叉树的根节点 root &#xff0c;判断其是否是一个有效的二叉搜索树。 有效 二叉搜索树定义如下&#xff1a; 节点的左子树只包含 小于 当前节点的数。节点的右子树只包含 大于 当前节点的数。所有左子树和右子树自身必须也是二叉搜索树。 思路一&#xff1a;递归 …...

编程日记 2023/8/26 12:36:46

C# 中Lambda中的的匿名函数

/// <summary>/// 根据设备号&#xff0c;获取故障列表/// </summary>/// <param name"scanCode">主键</param>/// <returns></returns>[HttpGet]public async Task<IActionResult> GetItemPageList(string scanCode){//v…...

编程日记 2023/8/26 12:35:44

铰接式车辆的横向动力学仿真提供车辆模型研究（Matlab代码实现）

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…...

编程日记 2023/8/26 12:34:43

Ubuntu20 安装 libreoffice

1 更新apt-get sudo apt-get update2 安装jdk 查看jdk安装情况 Command java not found, but can be installed with:sudo apt install default-jre # version 2:1.11-72, or sudo apt install openjdk-11-jre-headless # version 11.0.138-0ubuntu1~20.04 sud…...

编程日记 2023/8/26 12:33:42

HTTP协议（JavaEE初阶系列15）

目录 前言&#xff1a; 1.HTTP协议 1.1HTTP协议是什么 1.2HTTP协议的报文格式 1.2.1抓包工具的使用 1.2.2HTTP请求 1.2.3HTTP响应 2.HTTP请求 2.1首行的组成 2.2.1URL的组成 2.2认识“方法”&#xff08;method&#xff09; 2.2.1GET方法 2.2.2POST方法 2.2.3GET…...

编程日记 2023/8/26 12:32:40

机器学习基础10-审查回归算法(基于波士顿房价的数据集)

上一节介绍了如何审查分类算法&#xff0c;并介绍了六种不同的分类算法&#xff0c;还 用同一个数据集按照相同的方式对它们做了审查&#xff0c;本章将用相同的方式对回归算法进行审查。 在本节将学到&#xff1a; 如何审查机器学习的回归算法。如何审查四种线性分类算法。如…...

编程日记 2023/8/26 12:31:39

基于 CentOS 7 构建 LVS-DR 群集。配置nginx负载均衡。

1、基于 CentOS 7 构建 LVS-DR 群集。 [root132 ~]# nmcli c show NAME UUID TYPE DEVICE ens33 c89f4a1a-d61b-4f24-a260-6232c8be18dc ethernet ens33 [root132 ~]# nmcli c m ens33 ipv4.addresses 192.168.231.200/24 [r…...

编程日记 2023/8/26 12:30:38

【云原生】Docker的数据管理（数据卷、容器互联）

目录 一、数据卷&#xff08;容器与宿主机之间数据共享&#xff09; 二、数据卷容器&#xff08;容器与容器之间数据共享&#xff09; 三、 容器互联&#xff08;使用centos镜像&#xff09; 总结 用户在使用Docker的过程中&#xff0c;往往需要能查看容器内应用产生的数据…...

编程日记 2023/8/26 12:28:35

使用vlc在线播放rtsp视频url

1. 2. 3. 工具链接&#xff1a; https://download.csdn.net/download/qq_43560721/88249440...

编程日记 2023/8/26 12:27:34

copy is all you need前向绘图 和疑惑标记

疑惑的起因 简化前向图 GPT4解释 这段代码实现了一个神经网络模型&#xff0c;包含了BERT、GPT-2和MLP等模块。主要功能是给定一个文本序列和一个查询序列&#xff0c;预测查询序列中的起始和结束位置&#xff0c;使其对应文本序列中的一个短语。具体实现细节如下&#xff1a…...

编程日记 2023/8/26 12:26:33

【附安装包】Vred2023安装教程

软件下载 软件&#xff1a;Vred版本&#xff1a;2023语言&#xff1a;简体中文大小&#xff1a;2.39G安装环境&#xff1a;Win11/Win10/Win8/Win7硬件要求&#xff1a;CPU2.0GHz 内存4G(或更高&#xff09;下载通道①百度网盘丨64位下载链接&#xff1a;https://pan.baidu.com…...

编程日记 2023/8/26 12:25:31

ASP.NET Core 中的 Dependency injection

依赖注入&#xff08;Dependency Injection&#xff0c;简称DI&#xff09;是为了实现各个类之间的依赖的控制反转&#xff08;Inversion of Control&#xff0c;简称IoC &#xff09;。 ASP.NET Core 中的Controller 和 Service 或者其他类都支持依赖注入。 依赖注入术语中&a…...

编程日记 2023/8/26 12:24:29

优化物料编码规则，提升物料管理效率

导 读 ( 文/ 2358 ) 物料是生产过程的必需品。对物料进行身份的唯一标识&#xff0c;可以更好的管理物料库存、库位&#xff0c;更方便的对物料进行追溯。通过编码规则的设计&#xff0c;可以对物料按照不同的属性、类别或特征进行分类&#xff0c;从而更好地进行库存分析、计划…...

编程日记 2023/8/26 12:23:28

Jetbrains IDE新UI设置前进/后退导航键

背景 2023年6月&#xff0c;Jetbrains在新发布的IDE&#xff08;Idea、PyCharm等&#xff09;中开放了新UI选项&#xff0c;我们勾选后重启IDE&#xff0c;便可以使用这一魔性的UI界面了。 但是前进/后退这对常用的导航键却找不到了&#xff0c;以前的设置方式&#xff08;Vi…...

编程日记 2023/8/26 12:22:26

借助frp的xtcp+danted代理打通两边局域网p2p方式访问

最终效果 实现C内网所有设备借助c1内网代理访问B内网所有服务器 配置公网服务端A frps 配置frps.ini [common] # 绑定frp穿透使用的端口 bind_port 7000 # 使用token认证 authentication_method token token xxxx./frps -c frps.ini启动 配置service自启(可选) /etc/…...

编程日记 2023/8/26 12:21:25

三步搞定QQ空间历史说说备份：GetQzonehistory完整使用指南

三步搞定QQ空间历史说说备份&#xff1a;GetQzonehistory完整使用指南 【免费下载链接】GetQzonehistory 获取QQ空间发布的历史说说 项目地址: https://gitcode.com/GitHub_Trending/ge/GetQzonehistory 还在担心QQ空间的珍贵回忆会丢失吗&#xff1f;GetQzonehistory是…...

编程新知 2026/3/28 16:17:18

如何用HIS开源项目解决医院信息化难题：从单体到微服务的实战指南

如何用HIS开源项目解决医院信息化难题&#xff1a;从单体到微服务的实战指南 【免费下载链接】HIS ZainZhao/HIS: HIS 通常代表医疗信息系统&#xff08;Hospital Information System&#xff09;&#xff0c;但此链接指向的具体项目信息未知&#xff0c;可能是某个开发者设计或…...

编程新知 2026/3/28 15:30:59

文墨共鸣大模型智能体（Agent）开发入门：构建自动化任务执行系统

文墨共鸣大模型智能体&#xff08;Agent&#xff09;开发入门&#xff1a;构建自动化任务执行系统 你有没有想过&#xff0c;让AI不仅能回答问题&#xff0c;还能像人一样思考、规划&#xff0c;并主动使用工具去完成任务&#xff1f;比如&#xff0c;你告诉它“帮我查一下北京…...

编程新知 2026/3/28 14:22:38

5个技巧让Elixir调试效率提升10倍：dbg函数输出优化指南

5个技巧让Elixir调试效率提升10倍&#xff1a;dbg函数输出优化指南 【免费下载链接】elixir Elixir 是一种用于构建可扩展且易于维护的应用程序的动态函数式编程语言。 项目地址: https://gitcode.com/GitHub_Trending/el/elixir Elixir是一种用于构建可扩展且易于维护的…...

编程新知 2026/3/28 13:56:33

ESP32上拉电阻都接了还是报错？试试检查这3个隐藏坑（实测避雷指南）

ESP32与SD卡通信故障排查&#xff1a;3个易被忽视的关键细节 当你在ESP32项目中使用SD卡时&#xff0c;即使按照官方文档正确连接了上拉电阻&#xff0c;仍然可能遇到各种莫名其妙的挂载失败问题。作为一名经历过无数次SD卡"玄学"故障的开发者&#xff0c;我想分享几…...

编程新知 2026/3/28 13:06:06

CogVideoX-2b效果精评：镜头语言与叙事节奏的AI表现力

CogVideoX-2b效果精评&#xff1a;镜头语言与叙事节奏的AI表现力 1. 开篇&#xff1a;当AI成为导演 想象一下&#xff0c;你只需要输入一段文字描述&#xff0c;就能得到一个完整的短视频。这不是科幻电影&#xff0c;而是CogVideoX-2b带给我们的现实体验。这个基于智谱AI开源…...

编程新知 2026/3/28 12:54:04

Linux驱动工程师面试技术要点与开发实践

Linux驱动工程师面试技术要点解析 1. 面试技术问题深度剖析 1.1 基础驱动开发能力考察 面试中关于驱动开发的基础问题主要考察候选人对底层通信协议的理解程度。I2C总线作为嵌入式系统中最常用的通信接口之一&#xff0c;其起始信号&#xff08;START Condition&#xff09;的…...

编程新知 2026/3/28 11:55:41

文墨共鸣大模型安装包依赖分析与环境冲突解决

文墨共鸣大模型安装包依赖分析与环境冲突解决 你是不是也遇到过这种情况&#xff1a;拿到一个项目&#xff0c;兴冲冲地运行 pip install -r requirements.txt&#xff0c;结果屏幕上开始疯狂报错&#xff0c;各种版本不兼容、找不到模块、编译失败的信息轮番轰炸。折腾了几个…...

编程新知 2026/3/28 10:41:01

3大技巧：如何让旧Mac免费升级到最新macOS系统的完整方案

3大技巧&#xff1a;如何让旧Mac免费升级到最新macOS系统的完整方案 【免费下载链接】OpenCore-Legacy-Patcher 体验与之前一样的macOS 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 你是否有一台2012-2015年的旧款Mac&#xff0c;看着朋…...

编程新知 2026/3/28 9:34:25

GIL已死，但并发未生：从字节码级剖析无锁Python的7类竞态陷阱与4种Lock-Free算法选型矩阵

第一章&#xff1a;GIL已死&#xff0c;但并发未生&#xff1a;无锁Python并发范式的认知重构Python的全局解释器锁&#xff08;GIL&#xff09;长期被视为并发编程的“原罪”&#xff0c;但自CPython 3.13起&#xff0c;GIL在I/O密集型路径中已被条件性移除&#xff0c;而3.14…...

编程新知 2026/3/28 9:02:00