![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
element-ui等UI组件库问题
前端ui组件库使用
晨爱衿文
倾注前端,致力提升自我
展开
-
el-select应用虚拟列表,避免过多数据导致浏览器卡死
在传统的列表中,当用户滚动到底部时,列表会加载所有的数据,这可能导致性能问题和内存泄漏。当用户滚动到新的区域时,虚拟列表会自动加载新的数据,从而提高性能和响应速度。这种技术通常与虚拟滚动结合使用,可以在保持高性能和流畅性的同时,支持大量的数据呈现。在做管理系统,下拉选择框是个必备功能,在实际开发中,下拉数据量是不可控的,el-select虽然有过滤筛选等功能,但是如果数据过大的时候,会导致浏览器卡死,在切换页面时,销毁这个也很耗时,导致页面切换体验性很差,所以需要处理这种情况!原创 2023-10-08 17:21:42 · 1124 阅读 · 2 评论 -
结合el-tooltip,实现内容过长省略,移上显示全部
在系统中,内容过长需要省略,鼠标移上显示全部,这个是常用的功能,也有很多方案解决这种。原创 2023-09-20 17:46:47 · 1139 阅读 · 1 评论 -
wangEditor在Vue框架封装及第一次鼠标全选删除不触发onchange事件决解
封装一vue封装wangEditor,带字数统计及字数限制<template> <div> <div :ref="id" :wordNumber="wordNumber"></div> <div class="gl-word-number" v-if="isCount"> <span>字数统计:</span> <span>{{ count }} / {{ wo原创 2020-06-14 17:26:45 · 2253 阅读 · 1 评论 -
element-ui遇见的问题
1、表单校验el-form-item 中的prop属性的名字要和输入框的名字一致 <el-form-item label="组件名称:" prop="componentName"> <el-input v-model="uploadComponent.componentName" :disabled="checkTip !== 1">&l原创 2018-11-19 16:56:29 · 638 阅读 · 0 评论 -
vue项目router切换太慢问题
问题定位:随着项目增大,有一天突然发现页面切换时候,要等1-2s页面才切换过去,然后就开始定位问题,刚开始以为时页面组件太多导致的,通过删除组件,发现没啥改善,然后就在两个页面打印日志,第二页面created周期时间和路由切换时间相差不大,可以排除是页面渲染耗时。然后在第一个页面的destroyed周期里面打印日志,发现destroyed->router切换耗时1.5s左右,这时候定位问题是vue的destroyed周期耗时。destroyed周期耗时:这时候就考虑destroyed为啥要原创 2020-05-21 20:11:21 · 11203 阅读 · 2 评论 -
el-cascader用filterable时,change获取不到值得问题
el-cascader得用法 <el-cascader v-model="" :options="" :props="" size="small" @change="changeCity" style="width: 100%" ref="cascaderCity"原创 2020-05-21 19:54:01 · 4802 阅读 · 3 评论