V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
ksc010
V2EX  ›  HTML

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

  •  
  •   ksc010 · 2023-11-04 15:05:40 +08:00 · 1042 次点击
    这是一个创建于 390 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <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}))
    
    2 条回复    2023-11-04 15:18:19 +08:00
    Puteulanus
        1
    Puteulanus  
       2023-11-04 15:13:21 +08:00
    ksc010
        2
    ksc010  
    OP
       2023-11-04 15:18:19 +08:00
    @Puteulanus 感谢,刚发现 上面代码又可以了 可能遗漏了什么一开始
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5042 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 09:47 · PVG 17:47 · LAX 01:47 · JFK 04:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.