前端 React 问题请教

This topic created in 2981 days ago, the information mentioned may be changed or developed.

求请教，一个 React 写的站，我想弄个 chrome 插件去修改 input 值，有啥好法子不..

p.s. 试过了修改 input 的 value 后触发 change 事件，但点击提交时，value 还是恢复成了 defaultValue 的值。React 不熟悉，还望大家多多指教！

8 replies

noe132

Sep 9, 2018

我用 vue.js
input.dispatchEvent(new Event('input'))
能够触发 model 更新
react 应该也类似吧

grewer

Sep 9, 2018

复制一个无事件的 input ,替换原目标,再设置值不就行啦

zythum

Sep 9, 2018

同 1 楼的同学，理论上触发下 input 时间可以。你可以试试。

OAHMOA

Sep 9, 2018

@noe132
@zythum
我在设置完 value 后，试过触发 input 和 change 事件，但是一提交都还是恢复成 defaultvalue 了..是我写的有问题吗？
不过这是个日历组件..没弄明白这逻辑

我这么写的：
inputElement_0.value=5;
var inputEvt = document.createEvent("HTMLEvents");
inputEvt.initEvent("input", true, true);
inputElement_0.dispatchEvent(inputEvt);

OAHMOA

Sep 9, 2018

@grewer 谢谢亲，尝试了下，这样改了 value 后，提交时还是之前的默认值..

DrugsZ

Sep 10, 2018

他有可能 input 写入的 value 是一个固定值，不是变量，所以应该没办法修改，

Sep 10, 2018

可否贴个链接指个路去看一眼

OAHMOA

Sep 10, 2018

@Helios0 是公司后台系统，改不了源码，为了方便只能弄插件了 ..