element-ui使用记录

element-ui的组件名就是类名

样式穿透(用来修改没有类名的子组件样式)

例如修改头部具名插槽的样式(但是无法定位该元素)

查看最后生成的html结构中对应的结构(这里的头部有类名,可以直接对该类名进行样式修改)

但是单个vue页面有scoped属性,对元素样式的修改只能作用于当前页面

这个时候就需要用到样式穿透

不同格式的样式穿透格式

element-ui绑定原生事件

element组件不能绑定原生事件

复制代码
el-button能够绑定click事件的原因:el-button内部实现了this.$emit('click')
复制代码
el-dropdown-item不能直接绑定click事件的原因是:
el-dropdown-item内部没有实现this.$emit('click')
使用@click.native可以给组件绑定原生事件
使用完.native之后,实际上这个原生事件是绑定给了组件最外层的元素(对应最后的转换成的html结构,相当于穿透了)
给组件绑定原生事件什么时候加native什么时候不加native

先不加试一下,没反应就加上

小计

可以继续嵌套,更方便的给其绑定校验规则

相关推荐
Bigger2 小时前
Tauri (26)——托盘图标总对不上系统主题?一行 Template Image 搞定
前端·rust·app
kyriewen4 小时前
面试官问你:“AI 能写 80% 的代码了,公司为什么还需要你?”
前端·javascript·面试
甲维斯5 小时前
又升级咯!坦克大战2026,科技与复古并存!
前端·人工智能·游戏开发
搬砖的码农7 小时前
(08)为什么我的 Agent 一跑后台服务就卡死
前端·agent·ai编程
飘尘7 小时前
前端转全栈(Java 后端)必须要知道的:开发中的锁机制与分布式并发控制
前端·后端·全栈
亲亲小宝宝鸭7 小时前
前端性能监控:web-vitals
前端·性能优化·监控
陆枫Larry8 小时前
可滚动页面背景填不满:`height: 100vh` vs `min-height: 100vh`
前端
Patrick_Wilson8 小时前
Squash Merge 的血缘陷阱:为什么删掉的代码又活了过来
前端·git·程序员
kyriewen8 小时前
今天的科技圈,全在抢英伟达的饭碗
前端·面试·ai编程