logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element ui无限滚动 InfiniteScroll 触底分页效果 使用及踩坑

因为要做下拉触底效果,刚好看到element ui有这个无限滚动插件,就打算用一下,以前写的那个效果不好。踩坑:1.刚开始不知道需要安装,所以就直接使用导致报错Failed to resolve directive: infinite-scroll2.在直接使用的时候,滑动一直不生效。后来换到别的页面是生效的,反复排查发现在顶级div我用到了v-if,v-if初始值是false,在调用了接口之后才

#nginx
vue element-ui 键盘输入enter键 触发事件

因为有时候会遇到因为有父级的影响事件不生效的情况,所以需要加.native<el-inputclass="input-new-tag"v-model="item.nameValue"size="mini"placeholder="请输入名称":maxlength="20"v-focus@keyup.enter.native="nameConfirm(item)"></el-inp

#vue.js#ui#前端
vue 给某个div设置回到顶部

1.对某个div设置了滚动,想要回到顶部的情况这种情况下一定要找到是在哪个元素下设置的overflow滚动,就在哪个元素下加方法一.在当前页面无法使用ref获取元素时候,可以使用jq简单实现:1.安装jq,引入jqimport $ from 'jquery'2.在对应触发时间里写滚动效果$(".el-main").animate({ scrollTop: 0 }, 100);方法二.对设置了滚动的

#vue.js#jquery#javascript
vue使用lodash 节流防抖

在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时 假设设置防抖两秒,点击一次,在两秒内再点击第二次,就会重新计这两秒,(就像王者里面的回城)相当于两秒内的最后一次点击生效。原文链接:https://blog.csdn.net/Technology_hands/article/details/126684261。参考链接:https://blog.csdn.net/Technolog

#前端
关于前端视频下载我踩过的坑

1.项目框架:vue2.需求:项目需要下载大的视频文件3.视频下载踩坑日记方法1. 遇到这个需求我首先用a标签去模拟一个点击事件想通过这种方式来实现点击下载let link = document.createElement('a'); //创建a标签link.href = url//添加链接link.download = url.split('/')[url.split('/').length -

文章图片
#nginx
vue项目上线后请求接口url自动拼上了本地ip地址

原因一开始忘了加http://导致的,加上就好了

elementui el-autocomplete 当输入建议调用了接口后为空时,输入建议的下拉框一闪而过然后为空,去掉这个状态的解决方法

如图所示,要实现在没有数据的时候就不要闪下面这个加载中,解决方法步骤:1.el-autocomplete自带的属性 debounce(输入建议的去抖延时),把它设为02.写自定义样式让所有下拉列表隐藏:.el-autocomplete-suggestion{display:none;}3.在querySearch函数中让数据不为空的下拉列表显示(实现方法是通过自定义class名,然后让指定的cla

element ui el-date-picker日期时间选择器 设置只能选择不大于30天时间范围

element ui 要求日期时间选择器只能选择最多32天,其他日期为不可点击状态。日期组件type为daterange或者datetimerange都生效。

文章图片
#vue.js#elementui
node-sass安装总报错的问题

node-sass 的安装命令npm install node-sass --save-dev尝试了很多种办法,安装淘宝镜像等等一系列操作都不行比如:npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install node-sass --save-dev//安装淘宝镜像npm config set sass_bi

#sass#npm#前端
element-ui 被el-tooltip包裹的标题,点击跳转后 回到原页面不消失的处理(弹出后不消失)

图1:图2:bug场景:如上图1所示,标题只展示一行,外层包裹tooltip,鼠标移入展示全部,当点击标题时,新打开一个详情页面。当从详情页面再切换到原列表页面时,tooltip仍然停留,没有消失,只有在页面有其他行为时才消失。测试提出了这个bug,最终我找到一个解决方法解决elementui el-tooltip,在弹框之后再次出现的问题参考这个方法成功解决了问题代码如下:1.新建clearTa

#vue.js#elementui
    共 15 条
  • 1
  • 2
  • 请选择