记一次 奇怪的vue change事件bug

在维护BPMN流程图时,遇到一个issue:页面上的change事件无法获取到新值,只拿到旧值。问题出在初始化JS文件更新了form,但未明确触发变更的原因。在排查并准备记录问题时,问题自行消失,现象神秘。

业务场景

需要维护bpmn的流程图,设置了一些自定义属性,在页面上设置了change事件,change的时候根据新值更新xml文件

问题

change事件原来是可以拿到新值的,后来只能拿到旧值

<el-form-item v-if="userTask">
  <div slot="label">验证1</div>
  <el-radio-group v-model="userTaskForm['test']" @change="(value) => userChanger('test',value)">
    <el-radio-button v-for="item in testDict1" :key="item.value" :label="item.value">{{ item.text }}</el-radio-button>
  </el-radio-group>
  
</el-form-item>

<el-form-item v-if="userTask">
  <div slot="label">有问题的属性</div>
  <el-radio-group v-model="userTaskForm['activiti:passModel']" @change="(value) => userChanger('activiti:passModel',value)">
    <el-radio-button v-for="item in testDict2" :key="item.value" :label="item.value">{{ item.text }}</el-radio-button>
  </el-radio-group> 
</el-form-item>

userChanger(key, value) {
  alert('当前收到值:' + value)}

排查原因

和最初好的效果文件做对比,排查,找到的问题代码是 页面初始化的js文件 会更新form文件,但是不理解明明这个js没有触发为什么会影响form取值 ,然后准备记个帖子,再复测截图的时候发现效果又正常了,真是来不知其所来,去不知其所去

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值