form-create icon indicating copy to clipboard operation
form-create copied to clipboard

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

Open big-code-pi opened this issue 1 year ago • 1 comments

版本号 : "@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' ,请问如何规避这种情况?

big-code-pi avatar May 18 '24 14:05 big-code-pi

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

xaboy avatar Jun 03 '24 03:06 xaboy