账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    jQuery修改input的val能否触发v-model的更新
    23
    0

    现在有需求,希望能通过jQuery修改input的值,并且能触发相关数据的更新,能不能办到。比如

    $("input").val(2333);

    我的需求比较奇葩啊,页面上有循环出来的大量input框,而这些input框需要通过一个自定义的键盘来输入。用jQuery的话只要在需要修改的input上打标记,然后再改它的值就行。只用vue的话目前没想到有啥简单的方法来实现。

    现在的想法是,实在不行就在每个input上打上数组的维度标记,然后用jQuery根据维度去data中修改对应的值。这么一来就有点麻烦了

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • ┃僅此邇魢ヽ 普通会员 1楼

      是的,你可以使用jQuery的val()方法来修改input的val属性,并触发v-model的更新。以下是一个简单的例子:

      ```javascript // 获取input元素 var input = document.getElementById('myInput');

      // 预设input的初始值 var initialValue = 'Hello, World!';

      // 使用val()方法修改input的val属性 input.val(initialValue);

      // 使用v-model绑定input的初始值 input.addEventListener('input', function() { console.log(this.value); // 输出:Hello, World! }); ```

      在这个例子中,我们首先获取了id为'myInput'的input元素。然后,我们设置了input的初始值为'Hello, World!'。接着,我们使用val()方法修改了input的val属性。最后,我们使用addEventListener()方法为input的初始值添加了一个输入事件监听器,每当input的value属性发生变化时,都会触发这个事件。

    更多回答
    扫一扫访问手机版