vue，react 填表无效解决方法

wlp

let input = document.querySelector('input[type="text"]');
input.value = '123';
input.dispatchEvent(new Event('change'));  // 这行是关键


vue这类框架是事件触发才会读取值，保存到vue内部状态中
填表类似强制修改内存，没有触发vue执行保存状态，所以导致你填上值，但是校验不通过

chendipang

linguo 发表于 2024-3-29 21:55
react是另一种方式
另外 目前已经有技术防hook\外部修改值了 遇到这种还要去过掉那个检测 ...

我测试不能用的是vue的不是react

人杰啊

chendipang 发表于 2024-3-29 21:44
这个也有部分填表无效

react是另一种方式
另外 目前已经有技术防hook\外部修改值了 遇到这种还要去过掉那个检测

chendipang

linguo 发表于 2023-5-12 09:19
你这个只有部分可以
还有这个关键代码：
[mw_shl_code=javascript,true]let input = document.querySelecto ...

这个也有部分填表无效

壮志豪情

不太懂前端,如果现在我用精易填表模块,该怎么把你的代码植入进去呢？

人杰啊

linguo 发表于 2023-5-12 09:19
你这个只有部分可以
还有这个关键代码：
[mw_shl_code=javascript,true]let input = document.querySelecto ...

可以将3-6行封装函数，调用时传入input即可

人杰啊

你这个只有部分可以
还有这个关键代码：

[JavaScript] 纯文本查看 复制代码

let input = document.querySelector('input[type="text"]');
input.value = '123';
let event = document.createEvent('HTMLEvents');
  event.initEvent("input", true, true);
  event.eventType = 'message';
  input.dispatchEvent(event);

lzq91514

666666666666666666666666666666666666666666666666666666666666666

依旧破晓

所以，怎么解决

FanLi

所以，怎么解决