我有一个VueJS应用程序(已编译(,有一个输入字段和一个提交按钮。该按钮检查输入是否为空。当我在输入中键入值并按下按钮时,它工作正常。
我可以通过javascript(从chrome控制台(设置输入值吗?
我试过
document.querySelectorAll('.form input')[0].dispatchEvent(new Event('focus'));
document.querySelectorAll('.form input')[0].value = 1
document.querySelectorAll('.form input')[0].dispatchEvent(new KeyboardEvent('keypress',{'key':'1'}));
然后按下提交按钮,但它显示"提交";字段为空";。这样做似乎不会更新模型。
有什么帮助吗?
谢谢
如果安装了devtools,则可以使用$vm0作为所选实例,如果没有,则选择包含应用程序的HTML元素并使用.__vue__
要访问实例的模型,只需使用数据即可。所以,如果您的输入绑定到一个名为的数据变量,那么搜索只需要更改它。
const vm = document.getElementById('web-page').__vue__
vm.$data.search = 'searching...'