[前端] 若一个 input 被双向数据绑定了，如何通过外部 js 设置该 input 的 value

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

我需要编写一个插件自动，设置 uname 的值； 通过 ele.value='abc',可以设置上 但是，鼠标点击 input 输入框后，就被还原了，应该和 类似 Vue 这种框架的双向绑定有关系；

然后搜到了如下的方法，但是没有生效

$input = document.querySelector('#uname)
$input.value='abc'
$input.dispatchEvent(new Event('input', {bubbles:true}))