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

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

小计

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

相关推荐
木子李BLOG15 小时前
Element Plus
前端·javascript·vue.js
Miketutu16 小时前
【大屏优化秘籍】Element UI El-Table 表格透明化与自定义行样式实战
前端·javascript·vue.js
rainboy16 小时前
Flutter :自己动手,封装一个小巧精致的气泡弹窗库
前端·flutter·github
合作小小程序员小小店16 小时前
web网页开发,在线%人力资源管理%系统,基于Idea,html,css,jQuery,java,jsp,ssh,mysql。
java·前端·css·数据库·mysql·html·intellij-idea
Ace_317508877616 小时前
拼多多商品详情接口深度解析:从加密参数破解到数据全量获取
前端·数据库·github
yuejich16 小时前
命名规范snake_case
服务器·前端·数据库
天平16 小时前
开发了几个app后,我在React Native用到的几个库的推荐
android·前端·react native
消失的旧时光-194317 小时前
Kotlinx.serialization 对多态对象(sealed class )支持更好用
java·服务器·前端
少卿17 小时前
React Compiler 完全指南:自动化性能优化的未来
前端·javascript
广州华水科技17 小时前
水库变形监测推荐:2025年单北斗GNSS变形监测系统TOP5,助力基础设施安全
前端