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

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

小计

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

相关推荐
Eloudy6 小时前
ReAct 原理简介
前端·javascript·人工智能·react.js·agent·gpu
ZJU_统一阿萨姆7 小时前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全
用户921080262867 小时前
4. 前端地图大量点位实时更新优化:后端推增量,前端做 diff
前端
SoaringHeart7 小时前
Flutter最佳实践:Web项目中文字体首次加载乱码问题解决
前端·flutter
西安小哥8 小时前
破局与重生:大厂前端如何借力 AI 转型“超级全栈“
前端·人工智能
sunly_8 小时前
TypeScript总结:16、面向对象速查
前端·javascript·typescript
MXN_小南学前端8 小时前
React超长文本域中实现“返回顶部”浮动按钮
前端·javascript·react.js
学习嵌入式的小周9 小时前
Notepad++8.8.7下载安装(附安装包)
前端·notepad++
gs801409 小时前
解构 Cordis:面向“时空可组合性”的 TypeScript 元框架深度剖析
前端·javascript·typescript
岁岁种桃花儿9 小时前
Vue核心语法第一篇:Vue是什么?
前端·javascript·vue.js