- 博客(6)
- 收藏
- 关注
原创 chrome浏览器对<colgroup>和<col>元素的兼容
chrome浏览器109.0.5414.75版本,该元素的功能效果实现,但使用控制台检查元素时,元素位置未正确匹配实际每一列的位置。chrome浏览器85.0.4183.83版本,无法达到限制最小宽度的预期效果。chrome浏览器126.0.6478.62版本,一切正常,正常兼容。对于col元素设置的min-width css属性。
2024-06-18 15:55:44
295
原创 Event.target与event.currentTarget
Event.target:指的是真正触发事件的元素节点。如:点击事件,鼠标点击了哪个元素(最内部的),这个元素就是target指向的对象Event.currentTarget:指的是绑定了事件监听的元素。
2024-06-18 15:43:43
171
原创 Naive Ui树形选择框父节点展开问题
n-tree-select在选择框中的树形列表中,通过节点前的展开图标展开父节点时,同时触发了选择事件,导致选择框收起,同时父节点被选择。经过调试和源码分析,原因出在Naive TreeNode.js中使用的utils库:seemly中的happensIn工具函数,这个函数用于检测事件(如点击事件)是否发生在当前元素的某个子孙元素上(根据个人理解,类似于起到阻止事件冒泡的作用)。主要原因是happensIn函数内部的事件目标对象e.target和e.currentTarget的识别、处理及使用。
2024-06-18 15:06:37
453
原创 Naive UI 可过滤 Select 组件输入中文报错
经调试是naiveui Select.js中handlePatternInput方法获取e.target时,e.target变成了wujie-app.wujie_iframe,导致没取到value。如果是英文输入或粘贴内容进去时,e.target则为input.n-base-selection-input,此时可以取到e.target.value。在wujie微前端框架中,使用了naive-ui的子应用,n-select开启filterable后,中文输入报错问题。
2024-06-18 11:07:26
746
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人