直接用 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');
相关推荐
2401_77CN14 分钟前
200PLC负荷加减点动功能块
笔记·自动化
贝塔实验室1 小时前
Altium Designer全局编辑
arm开发·经验分享·笔记·fpga开发·dsp开发·射频工程·基带工程
傻小胖2 小时前
第2讲:BTC-密码学原理 北大肖臻老师客堂笔记
笔记·web3·密码学
走在路上的菜鸟2 小时前
Android学Dart学习笔记第十一节 错误处理
android·笔记·学习·flutter
摇滚侠2 小时前
2025最新 SpringCloud 教程,Gateway-断言-Query,笔记56
笔记·spring cloud·gateway
北岛寒沫2 小时前
北京大学国家发展研究院 经济学辅修 经济学原理课程笔记(第三课 需求与供应弹性)
数据库·人工智能·笔记
清涧游2 小时前
第九章-NOP团队dmz-A
笔记·学习·安全
光头程序员2 小时前
学习笔记——常识解答之垃圾回收机制
java·笔记·学习
TL滕3 小时前
从0开始学算法——第六天(进阶排序算法)
笔记·学习·算法·排序算法