vue+element tree(树形控件)组件(1)

最近做了第一个组内可以使用的组件,虽然是最简版,也废了不少力。各位前辈帮我解决问题,才勉强搞定。让我来记录这个树形组件的编写过程和期间用到的知识点。 首先说说需求,就是点击出现弹窗+蒙板,弹窗内容是一个树组件当然,什么弹窗大小啊,是否显示多选框,默认选中,通过关键字过滤节点(element都自带 ...

Mon Aug 06 19:32:00 CST 2018 3 9765
vue+element tree(树形控件)组件(2)

今天记录组件的代码和一个调用它的父组件的代码,接口接收数据直接传element直接能用的,也就是经过上一章函数处理过的数据以下是代码 父组件组件 里面用的事件都是element封好的直接用就好了比如 更多的事件,属性直接去element官网找就好 ...

Tue Aug 07 22:08:00 CST 2018 0 8538
Carousel 走马灯

在有限空间内,循环播放同一类型的图片、文字等内容 基础用法 适用广泛的基础用法 结合使用el-carousel和el-carousel-item标签就得到了一个走马灯。幻灯片的内容是任意的,需要放在el-carousel-item标签中。默认情况下,在鼠标 hover 底部 ...

Fri Mar 16 14:53:00 CST 2018 0 7095
VUE Vue Element UI 改变走马灯的高度

1、 页面代码:设置高度变量 :height="banH +'px'" <template> <div class="home"> <div class="slider"> <el-carousel :interval ...

Fri Jul 03 17:12:00 CST 2020 0 1948
Element Collapse 折叠面板问题

原始组件中点击整行标题,然后折叠展开,目标需求是点击其中部分区域 将不想点击的区域冒泡事件吃掉即可。 将插槽title中div覆盖整行区域,然后将点击事件吃点,阻止冒泡。 这是vue中@click.stop 方式 其他框架应该有类似方法 ...

Sat Sep 04 00:46:00 CST 2021 0 433
Element UI走马灯Carousel取消鼠标悬停不自动切换

  el-carouse组件是自带鼠标事件,要修改则需要清除原有事件,即鼠标的移入事件@mouseenter.native="delHandleMouseEnter"。   方法:   但是,这样在第一次鼠标进入是还是无法触发handleMouseEnter事件,这只 ...

Tue Nov 02 17:40:00 CST 2021 0 2495
element-ui走马灯carousel轻松实现自适应全屏banner图

写在前面:网站轮播图建议使用swiper组件,非常方便快捷。vue轮播图插件之vue-awesome-swiper 接手一个项目,轮播图是用element-uicarousel实现的,看起来效果还不错,只是固定宽高,并未做适配,于是将就代码做下修改,以适配各种显示器屏幕 ...

Tue Nov 06 04:25:00 CST 2018 0 5412
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM