[英]Vuejs , set input value bound to a model from chrome inspector console
我有一个 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'}));
然后按下提交按钮,但它说“字段为空”。 似乎这样做不会更新 model。
有什么帮助吗?
谢谢
如果您安装了 devtools,您可以使用 $vm0 作为所选实例,如果不是 select 您的 HTML 元素包含应用程序并使用.__vue__
要访问实例的 model,只需使用数据即可。 因此,如果您的输入绑定到一个名为的数据变量,您只需更改它。
const vm = document.getElementById('web-page').__vue__
vm.$data.search = 'searching...'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.