如何通过 JS 设置 vue.js 输入元素答案

【问题标题】：How can I set vue.js input element via JS如何通过 JS 设置 vue.js 输入元素
【发布时间】：2022-09-27 21:24:18
【问题描述】：

我有一个 vue.js 的内置组件的输入。我希望能够设置一个值并提交该值以便能够创建自动化测试。我怎样才能做到这一点？

目前这是我设置值的方式，但在提交时，此值会自动更改为默认数据。

    Execute JavaScript    return element.value = \"${startDate}\"

【解决方案1】：

创建一个新的 dispatchHandler 解决了我的问题！

Execute JavaScript    return element.value = "${startDate}"
Execute JavaScript    return element.dispatchEvent(new Event('input'));

【讨论】：

【解决方案2】：

只需在组件本身上运行 dispatchEvent 方法。这将让 Vue 将您输入的值设置为表单数据

Execute JavaScript    return element.dispatchEvent(new Event('input'));

【讨论】：