代码托管:Github和Gitee,国内用户使用Gitee下载速度较快。
系统环境:Win10/Ubuntu,JDK8,maven,node,docker。
依赖服务:Docker,MySQL8,Redis5
一,问题排查
Jeecg技术社区有用户提交一个issue,自定义组件下选择职务失败,点击一次后消失,显示选中状态,再次点击无反应。
复现问题,点击输入框功能失效,此时右边的“选择”按钮工作正常,点击弹出模态选择框。
二,问题修复
找到后台管理页面和对应的自定义控件代码文件:
1,JSelectUserByDep.vue
根据代码,@search搜索事件触发时,将弹出模态选择框。
添加console.log(),测试发现事件没有正确触发。
那么就添加@click事件,点击时触发,正常弹出模态选择框。
2,JSelectBizComponent/index.vue
查看代码,和JSelectUserByDep稍微不同,JSelectBizComponent处理了dropdownVisibleChange事件,注意到代码注释:
Ant Design Vue错误的设置了open样式,导致点击事件失效。
比对“搜索”按钮点击事件,尝试增加this.visible = true,显示Modal选择框,测试功能正常。
三,总结
1,浏览器兼容性
看到问题第一反应可能是浏览器兼容性问题,于是测试了Chrome, Fixfox, Edge,发现都能重现。
前端测试无法兼顾所有浏览器,选择常用的主流浏览器测试验证。
2,前端框架
如果是学习目的,可以尝试一些新出现的开发框架,体验新技术,跟踪发展趋势。
如果是商业项目,通常选择主流的常用框架,比如Ant Design,Vue。
测试通过,提交代码,创建Pull Request。
声明:本站内容收集于网络,如特殊说明或标注,为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)