直接用 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');
相关推荐
祁白_14 小时前
nmap工具笔记整理
笔记·web安全·测试
南境十里·墨染春水14 小时前
C++笔记 STL——set
开发语言·c++·笔记
d111111111d14 小时前
直流电机位置式 PID 控制 和 舵机的区别
笔记·stm32·单片机·嵌入式硬件·学习
LZYmarks15 小时前
小白买车笔记
笔记
码途漫谈15 小时前
Easy-Vibe开发篇阅读笔记(二)——前端开发之Figma与MasterGo入门
人工智能·笔记·ai·开源·ai编程·figma
LaLaLa_OvO16 小时前
jetbrains 的 datagrip 导出csv,中文乱码
笔记
大囚长16 小时前
权力的哲学洞察与反思
笔记
java_logo17 小时前
SiYuan 思源笔记 Docker 部署终极指南:Windows+Linux 双平台
windows·笔记·docker·思源笔记·思源笔记部署·docker部署思源笔记·思源笔记文档
d111111111d17 小时前
了解Modbus
网络·笔记·stm32·单片机·嵌入式硬件·学习
愚昧之山绝望之谷开悟之坡17 小时前
什么agentskill.io大白话说清楚
笔记