Javascript 如何从控制台修改Vue.js输入元素值

给定以下代码，其中

是自定义输入元素

<template>
    <v-input id="username" type="text" v-model="username" />
</template>

<script>
export default {
    data() {
        return {
            username: "",
        };
    },
};
</script>

---

我也尝试过发送自定义事件，但这些似乎对我也不起作用。如果您对此有任何建议，我们将不胜感激。

我想出来了，我只需要发送一个新的输入事件，以便Vue.js捕获该值。请参见下面的示例

const inputBox = document.querySelector("#inputBox");

inputBox.value = "hello";
inputBox.dispatchEvent(new Event('input'));

const inputBox = document.querySelector("#inputBox");

inputBox.value = "hello";
inputBox.dispatchEvent(new Event('input'));