element plus
时雨.`
学习 coding 生活
展开
-
在element-plus中想要多选框(Checkbox)的功能,但是想要单选框(Radio)的圆形样式如何实现
在element-plus中想要多选框(Checkbox)的功能,但是想要单选框(Radio)的圆形样式,修改方形选择框为圆形样式的过程。原创 2023-09-07 11:38:26 · 1565 阅读 · 0 评论 -
在VUE3+Element-plus中的el-table实现单元格内超出内容提示功能
*原理:**通过css设置后,可以判断出元素的clientHeight与scrollHeight是不同的值,通过判断他们的大小,来判断提示是否进行提示,而表格内容会同时出现多个元素所以这里加入了ref,并且通过scope.$index知道是第几个元素,然后通过mouseenter事件进行传值实现,该功能就完成了,可以随意改变显示行数,只需改变-webkit-line-clamp属性即可。在完成公司业务的时候,表格内容太多会撑开,不太美观,需要做一些优化,发现有一些部分还是需要探讨一下。原创 2023-06-21 11:29:36 · 3027 阅读 · 2 评论 -
2023213-popover弹窗框中的teleported属性--Element-plus踩坑日记
这个插入body元素确实是插入了body元素中,但是它是仅是降了一级成为了。今天在做项目时,有一个地方用到了弹窗框,但是有需求需要修改弹窗的阴影部分。将 popover 的下拉列表插入至 body 元素不应该也生效吗?可知,弹窗框是在组件内容之外了,所以在组件内操作的样式没有对弹窗框生效。我想对阴影进行修改,但是很是纳闷,各种标签选择器都不生效,很奇怪。把这个属性改为false,成功了!带着疑问问了带我实习的师傅,发现了这个属性。而改为false之后就成为下面的效果了。它和我们组件的内容成为兄弟关系了!原创 2023-02-13 19:17:44 · 1946 阅读 · 1 评论