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

2023-11-04 15:05:40 +08:00
 ksc010
<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}))
1054 次点击
所在节点    HTML
2 条回复
Puteulanus
2023-11-04 15:13:21 +08:00
ksc010
2023-11-04 15:18:19 +08:00
@Puteulanus 感谢,刚发现 上面代码又可以了 可能遗漏了什么一开始

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/988579

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX