直接用 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');
相关推荐
克里斯蒂亚诺更新5 小时前
ruoyi角色权限的对应关系
笔记
a1117767 小时前
2FA 验证码生成器(github登录验证 app)
笔记·学习
破碎的南瓜9 小时前
sqli--sql注入过关笔记(1,2,3,4,5,9)
数据库·笔记·sql
你想知道什么?9 小时前
线性回归-学习笔记
笔记·学习·线性回归
谙弆悕博士10 小时前
系统集成项目管理工程师教程(第3版)笔记——第17章:法律法规和标准规范
笔记·职场和发展·学习方法·业界资讯·软考·法律·法规
谙弆悕博士11 小时前
系统集成项目管理工程师教程(第3版)笔记——第4章:信息系统架构
笔记·系统架构·项目管理·创业创新·学习方法·业界资讯·物理
茯苓gao13 小时前
嵌入式开发笔记:Qt信号槽机制深度解析——从原理到实战的全方位指南
开发语言·笔记·嵌入式硬件·qt·学习
A.零点15 小时前
【期末复习,408 考研计组全程笔记 】— 第4章 :指令系统
笔记·考研·408·计算机组成原理
早茶cc15 小时前
sqli1-5 9报错注入 笔记
笔记
摇滚侠15 小时前
Java 全栈开发实战教程 课程笔记 34-36
java·笔记