直接用 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');
相关推荐
wdfk_prog1 天前
[Linux]学习笔记系列 -- [drivers][input]input
linux·笔记·学习
ouliten1 天前
cuda编程笔记(36)-- 应用Tensor Core加速矩阵乘法
笔记·cuda
孞㐑¥1 天前
算法——BFS
开发语言·c++·经验分享·笔记·算法
mango_mangojuice1 天前
Linux学习笔记(make/Makefile)1.23
java·linux·前端·笔记·学习
工程师老罗1 天前
YOLOv1 核心知识点笔记
笔记·yolo
半壶清水1 天前
[软考网规考点笔记]-软件开发、项目管理与知识产权核心知识与真题解析
网络·笔记·压力测试
tq10861 天前
先探索,后设计
笔记
hnult1 天前
2026 在线培训考试系统选型指南:核心功能拆解与选型逻辑
人工智能·笔记·课程设计
AI视觉网奇1 天前
ue 角色驱动衣服 绑定衣服
笔记·学习·ue5
三水不滴1 天前
计网ping原理
经验分享·笔记·计算机网络