xaboy / form-create

:fire::fire::fire: 强大的低代码动态表单组件,通过JSON数据驱动表单渲染,适配移动端,支持可视化设计。提高开发者对表单的开发效率。目前在政务系统、OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。
https://www.form-create.com/
MIT License
6.07k stars 975 forks source link

监听change事件会触发其他组件的click事件 #701

Open big-code-pi opened 5 months ago

big-code-pi commented 5 months ago

版本号 : "@form-create/element-ui": "^2.5.7" element-ui 框架的版本: 2.15.6 问题如下: // 组件传参

// 生成规则 hform: { fApi: null, rule: [{ type: 'input', field: 'name', value: '', props: { placeholder: '请输入名称', suffixIcon: 'el-icon-search' }, on: { change: () => { console.log('input的change事件') } } }, { type: 'button', props: { type: 'primary', size: 'small', icon: 'el-icon-download' }, on: { click: () => { console.log('按钮的click') } }, children: ['导 出'] }], option: { submitBtn: false, form: { size: 'small', inline: true }} }

描述: 配置生成了一个输入框和一个按钮 , 当在输入框内输入内容后点击键盘enter键会同时触发按钮的click事件 ,如上代码中控制台会打印 'input的change事件' 和 '按钮的click' ,请问如何规避这种情况?

xaboy commented 4 months ago

这个问题很奇怪,我在vue2中复现了,但是vue3中测试又好着. 目前还不清楚触发的原因 @big-code-pi