![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件的实现
囊括平时用的前端UI的实现方式。
this_is_a_rogue
这个作者很懒,什么都没留下…
展开
-
使用element的表格实现点击编辑表格内元素。
功能:使用element的表格实现点击编辑表格内元素。分析:element使用的是插槽template的形式比iview UI更加具有html话,不是是使用renden函数自定义html,感觉更清明些。实现思路:v-if v-else 直接替换template。实现坑点:1,scope添加row.isEdit判断,结果不能实现,不能触发vue的重新渲染。解决:必须在data里改值会生效。2,由于在el-table-column下绑定的事件,所以我们只要判断是否在这一行。最终实现:原创 2022-01-14 15:35:14 · 1052 阅读 · 0 评论 -
事件委托的实现
1,为啥要事件委托?答:监听父元素,对于子元素的增加于减少,对于整体事件流程没有影响。否者将在每个子元素产生的时候添加事件不仅麻烦且不可预知。2,实现原理:答:事件冒泡:3,我的实现:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w原创 2021-09-25 19:25:33 · 360 阅读 · 0 评论