直接用 JavaScript 给输入框赋值,Vue 页面input只是纯展示 并 没有触发 vue 的v-model 赋值

要让 Vue 或 React 等框架感知变化,必须触发原生事件,比如 inputchange

javascript 复制代码
定义一个赋值方法

function setInutValue(element, value) {
  const lastValue = element.value;
  element.value = value;
  const event = new Event('input', { bubbles: true });
  const tracker = element._valueTracker;
  if (tracker) tracker.setValue(lastValue);
  element.dispatchEvent(event);
}

然后这样调用:

var inputs = document.querySelectorAll('input'); // 获取表单内所有input元素
setInutValue(inputs[1], 'admin');
相关推荐
PC2005-cloud11 小时前
DeepSeek Harness 创建 skill 指南:结构、安装、使用
笔记·学习
库玛西13 小时前
现代 C++ 智能指针全景指南:从 RAII 思想到工业级实践
c语言·开发语言·c++·笔记·面试
后季暖17 小时前
langgraph笔记(2)&& fastapi笔记
笔记
小小筱筱17 小时前
LabVIEW笔记:解决周立功CAN卡驱动缺失导致的启动报错问题
笔记·labview
Wang's Blog18 小时前
PostgreSQL笔记4: 市场地位、生态全景与行业应用实践
数据库·笔记·postgresql
RainCity18 小时前
Java Swing 自定义组件库分享(十六)
java·笔记·后端
蒸蒸yyyyzwd19 小时前
cpp选手秋招准备 学习笔记day7 webserver
笔记·学习
Chen—LSN1 天前
C语言——数据在内存中的存储
c语言·开发语言·经验分享·笔记
bitbrowser1 天前
giffgaff突然停用?先分清闲置停用和长期境外断开
笔记
九硕智慧建筑一体化厂家1 天前
数字化管控落地,直流照明构筑安全照明体系
运维·人工智能·笔记·安全·智慧城市