如何通過 JS 設置 vue.js 輸入元素

Question

我有一個由 vue.js 的內置組件輸入的內容。 我希望能夠設置一個值並提交該值以便能夠創建自動化測試。 我怎樣才能做到這一點？

目前這是我設置值的方式，但在提交時，此值會自動更改為默認數據。

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

Answer 1

只需在組件本身上運行 dispatchEvent 方法。 這將讓 Vue 將您輸入的值設置為表單數據

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

Answer 2

創建一個新的 dispatchHandler 解決了我的問題！

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