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

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

小计

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

相关推荐
大虾写代码4 分钟前
nvm和nrm的详细安装配置,从卸载nodejs到安装NVM管理nodejs版本,以及安装nrm管理npm版本
前端·npm·node.js·nvm·nrm
星哥说事5 分钟前
下一代开源 RAG 引擎,让你的 AI 检索与推理能力直接起飞
前端
....4925 分钟前
Vue3 与 AntV X6 节点传参、自动布局及边颜色控制教程
前端·javascript·vue.js
machinecat8 分钟前
Webpack模块联邦 - vue项目嵌套react项目部分功能实践
前端·webpack
今禾9 分钟前
深入浅出:ES6 Modules 与 CommonJS 的爱恨情仇
前端·javascript·面试
前端小白199510 分钟前
面试取经:Vue篇-Vue2响应式原理
前端·vue.js·面试
子兮曰10 分钟前
⭐告别any类型!TypeScript从零到精通的20个实战技巧,让你的代码质量提升300%
前端·javascript·typescript
前端AK君10 分钟前
如何开发一个SDK插件
前端
小满xmlc10 分钟前
WeaveFox AI 重新定义前端开发
前端
日月晨曦12 分钟前
大文件上传实战指南:让「巨无霸」文件也能「坐高铁」
前端