Element
JsoCc
这个作者很懒,什么都没留下…
展开
-
vue3使用element-Plus,简单实现el-table展开功能,单击行展开,隐藏小图标,手风琴模式
怎么默认使用展开,在这里就不叙述了。自己去官方看实例很简单。主要就是说一下简单实现标题功能。以下是取消小图标方法,把type="expand"添加一个width=“1”el-table添加以下核心属性,属性对应自己查看官方文档,这里不讲解了。在el-table里面添加属性highlight-current-row。上面代码中proxy和vue2中的$this差不多。css也的添加display: none;以上就可以实现点击行展开关闭功能。PS:下述代码是点击行变色。以下代码是修改展开的背景色。原创 2022-10-07 13:54:55 · 6682 阅读 · 5 评论 -
vue3、Element-Plus,el-menu,Collapse折叠展开动画显示。组件与组件之间传参
这个插件不能直接使用必须暴露出来才能使用,和element-plus差不多。我们写一个utils。在utils里面新建一个eventbus.ts,新建js的也是行的。首先我的head和menu是分开的2个组件,我的控制开关是放到head组件里面的。所以使用了组件之间相互传参的插件mitt,mitt插件的安装放文章最后。到这里就可以控制menu里面的collapse了,实现折叠展开。接收参数必须放到onMounted里面,使用mitt里面on命令获取head传送过来的值。鄙人新手,有写的不好的地方请包含。..原创 2022-08-03 22:18:56 · 10271 阅读 · 6 评论 -
Element-plus dialog关闭或者销毁或者保存成功时,重置form
重置的form的子菜单el-form-item里面必须包含prop选项。vue3取消了vue2的this,不过有替代品。form里面必须设置ref=“formRef”menu_title对应form里面的字段。之后就可以使用proxy替代this。最后直接到保存成功里面回调。...原创 2022-07-16 12:11:33 · 1284 阅读 · 0 评论 -
修改Element input样式,新版本element穿透好像失效
废话不多说直接上货定义一个class把这个class 重新建立一个style,新建立的style取消scoped找了很多方式感觉这个方式是最简单明了的,虽然设置了全局。但是现在element的穿透好像没效果。原创 2022-07-11 09:00:46 · 712 阅读 · 0 评论 -
Element-plus 设置el-scrollbar 高度自适应窗口变化
Element 组件el-scrollbar高度自适应窗口变化原创 2022-06-23 00:34:42 · 3747 阅读 · 0 评论