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

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

小计

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

相关推荐
黑臂麒麟3 小时前
Electron&OpenHarmony 跨平台实战开发(一):electron-vite 与 Vue3 架构搭建指南
前端·javascript·electron·openharmony
少寒3 小时前
深入理解JavaScript Promise:异步编程的基石
前端·javascript
tecwlcvi3233 小时前
安卓版谷歌地图,Google地图高清版,谷歌地球,谷歌翻译,谷歌(Chrome)浏览器,手机版Edge,浏览器等安卓版浏览器下载
前端·chrome·edge
czlczl200209253 小时前
SpringBoot中web请求路径匹配的两种风格
java·前端·spring boot
2022.11.7始学前端4 小时前
n8n第四节 表单触发器:让问卷提交自动触发企微消息推送
java·前端·数据库·n8n
m0_740043734 小时前
Axios 请求示例 res.data.data
前端·javascript·vue.js
程序员小寒4 小时前
超详细的 EventLoop 解读及模拟实现
前端·javascript
冴羽4 小时前
太好看了!3 个动漫变真人 Nano Banana Pro 提示词
前端·人工智能·aigc
zReadonly4 小时前
关于vxeTable转换树状表格以及问题思考
前端
锈儿海老师4 小时前
深入探究 React 史上最大安全漏洞
前端·react.js·next.js