直接用 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');
相关推荐
爱宁~23 分钟前
UnityShader学习笔记[二百九十九]UGUI中的Mask遮罩半透明Shader
笔记·学习
June bug3 小时前
【实习笔记】客户端基础技术
笔记·macos·cocoa
laplace01233 小时前
第八章 agent记忆与检索 下
数据库·人工智能·笔记·agent·rag
狐573 小时前
2026-01-19-牛客每日一题-阅读理解
笔记·算法·牛客
不会代码的小猴3 小时前
Linux环境编程第一天笔记
linux·笔记
航行的pig3 小时前
Python基础学习笔记
笔记·python
狐574 小时前
2026-01-19-论文阅读-AgiBot-1
论文阅读·笔记·具身智能
魔芋红茶5 小时前
Spring Security 学习笔记 1:快速开始
笔记·学习·spring
皇夜_6 小时前
【AI发电】极简笔记:支持安卓和H5协同笔记
笔记
小程同学>o<6 小时前
嵌入式之ARM体系与架构面试题(四)通信协议篇
arm开发·笔记·架构·嵌入式软件·通信协议·面试题库