Variant Form 3中使用jQuery修改value后同步到v-mode

当使用jQuery修改VariantForm3中的input值时,未触发v-model更新和change事件。解决方法包括:手动触发change事件以及在onFormMounted中将this绑定到window,并在全局函数中监听change事件,通过窗口对象调用WidgetRef的setValue方法来同步值。
摘要由CSDN通过智能技术生成

Variant Form 3中使用jQuery修改value后同步到v-model

问题:

Variant Form 3中使用jQuery修改value后,不会同步到v-model,change事件也不会执行,也就是没法使用getFormData 取到数据。

解决方法:

在不修改 Variant Form 3的源码基础上,经过多次实验,下列方法可行:

  1. jquery赋值后手动执行change事件;
jQuery('[name=author]').val('ddd')
jQuery('[name=author]').change();
  1. Variant Form 3 表单设置的 【onFormMounted】 把当前 this 同步到 window
window._this = this
  1. Variant Form 3 表单设置的【表单全局函数】写绑定jquery change事件,事件中使用getValue同步到v-model;
jQuery(document).ready(function(){   // jQuery(function(){
    jQuery('[name=author]').on('change',function(){
      // console.log('jquery change');  
         window._this.getWidgetRef('author').setValue(jQuery('[name=author]').val())
      })
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值