element-ui
文章平均质量分 56
element实战踩坑
sleeppingfrog
一抹斜阳,一手江湖
展开
-
自定义一个tree组件踩坑
自定义tree组件封装传值遇到的坑原创 2022-09-05 18:14:00 · 234 阅读 · 0 评论 -
手把手实现图片预览插件(三)
vue 插件开发,图片预览插件开发原创 2022-07-28 14:42:33 · 935 阅读 · 2 评论 -
element-ui select实现关键词高亮并实现关联搜索
如图。利用select实现搜索并且关键词高亮显示,支持滚动加载。step1:基本页面结构 <div class="search-wrap"> <div class="search-ipt-element"> <div class="search-prepend"> <div class="search-prepend-inner" ...原创 2021-10-09 15:09:22 · 1234 阅读 · 0 评论 -
关于element-ui中遇到的一些小坑
1 级联选择器cascader省市县三级菜单联动是项目中一个比较常见的功能。利用cascader也能轻松实现这个效果。但是这其中有个坑cascader的change事件只能在选择最后一级以后才会响应最后选择的数据。真实的场景中。我们选择省的时候,需要得到省的id,选择市的时候需要得到市的id。显然直接通过change事件是无法做到的。解决的办法有两个:1 也是最符合真实场景的:动态加载:所以我们修改代码如下:这时我们在lazyload中就会发现console.l...原创 2020-12-09 11:33:00 · 1221 阅读 · 0 评论 -
element如何实现input输入与下拉滚动加载效果
需求如图:第一个想到的是利用input的自定义模板+远程搜索来实现。也就是借助这个组件:<el-autocomplete></el-autocomplete>但发现在做滚动加载的时候不好实现。后来把目标瞄向了select组件。看到网上有实例,通过一个一个自定义指令判断是否滚动到顶部。然后再做加载。经过尝试发现可以解决问题:step1:写一个自定义指令:(我的实例中该自定义指令放在main.js同级目录下)directives.jsimport Vue fr.原创 2021-09-27 10:36:02 · 1257 阅读 · 0 评论