- 博客(7)
- 收藏
- 关注
RSS订阅原创 Vue2和Vue3挂载组件的方式
extend 创建的是 Vue 构造器，而不是我们平时常写的组件实例，所以不可以通过 new Vue({ components: testExtend }) 来直接使用，需要通过 new Profile().$mount('#mount-point') 来挂载到指定的元素上。extend提供了一个能够构造组件的函数（也就是构造器）。在一些特定的应用场景（如自己构建一个复杂弹窗）下，我们使用这种函数式的构造组件的方法，会更灵活一些。使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。
2024-09-19 09:36:40
374
1
原创 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
414
原创 Event.target与event.currentTarget
Event.target：指的是真正触发事件的元素节点。如：点击事件，鼠标点击了哪个元素（最内部的），这个元素就是target指向的对象Event.currentTarget：指的是绑定了事件监听的元素。
2024-06-18 15:43:43
284
原创 Naive Ui树形选择框父节点展开问题
n-tree-select在选择框中的树形列表中，通过节点前的展开图标展开父节点时，同时触发了选择事件，导致选择框收起，同时父节点被选择。经过调试和源码分析，原因出在Naive TreeNode.js中使用的utils库：seemly中的happensIn工具函数，这个函数用于检测事件（如点击事件）是否发生在当前元素的某个子孙元素上（根据个人理解，类似于起到阻止事件冒泡的作用）。主要原因是happensIn函数内部的事件目标对象e.target和e.currentTarget的识别、处理及使用。
2024-06-18 15:06:37
941
原创 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
1082
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人