![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
前端老实人
一名前端狂热爱好者,有需要资料或者有问题的同学可以直接私信我哦,做你的私人小家教!
展开
-
Element表格长列表渲染太慢太卡如何优化?(缩短加载时间)
我们一次拿到所有数据但是只渲染10条数据,只要把页面填满就行.等用户拉动滚动条到达底部时我们就填加渲染数据30条.初次渲染,脚本执行由2200毫秒优化到75毫秒左右,渲染由600多毫秒优化到19多毫秒。因为我们多个页面需要用到懒加载,所以我们提取成公共方法mixin。因为vue是单页面应用所以一定要记得销毁滚动事件监听。代码注释很详细,具体看注释即可。利用列表懒加载(虚拟列表)原创 2023-03-24 15:34:34 · 3431 阅读 · 0 评论 -
element表格table点击添加背景色
然后需要保存行和列的信息,然后在 tableCellStyl对象里判断,等于哪一行哪一行就变色,否则就是白色。原创 2022-08-12 11:04:20 · 1619 阅读 · 0 评论 -
Vue+elementUI二次封装之颜色选择器
template>100%">key="item"label=""v-html="'+item+';width30px;3px;displayheight'+'90%'+40px;>颜色'">name//允许一个自定义组件在使用v-model时定制prop和event。默认情况下,一个组件上的v-model会把value用作prop且把input用作event,这里有用到v-html。...原创 2022-07-28 17:07:31 · 2263 阅读 · 1 评论 -
element如何修改原样式及无法修改原样式等问题
1.使用::deep深度修改标签样式找到需要修改的 ElementUI 标签的类名,然后在类名前加上 ::deep,可以强制修改默认样式。这种方式可以直接用到有 scoped 属性的 style 标签中。<style lang="scss" scoped>::v-deep .el-select__popper.el-popper { background: rgba(42, 43, 60, 0.5); border: 1px rgba(103, 179, 229, 1) so.原创 2022-04-27 15:01:04 · 3528 阅读 · 2 评论 -
element 卡片el-card 点击事件不生效
加个.native就可以:@click.native="obj".native修饰符的作用就是把一个vue组件转化为一个普通的HTML标签,并且该修饰符对普通HTML标签是没有任何作用的。原创 2021-12-24 14:10:16 · 2014 阅读 · 0 评论 -
element-ui报错[Vue warn]: Invalid prop: custom validator check failed for prop “index“.一个符号解决问题
index的值必须是个字符串,像我这样加个空的字符串就可以转换了,是不是简单坏了~<el-menu-item v-for="(item, i) in options1" :index="''+i"> <i class="el-icon-setting"></i> <span slot="title">{{ item.label }}</span> </el-menu-.原创 2021-12-06 14:39:31 · 476 阅读 · 0 评论 -
element-ui往表格插入图片、按钮、弹窗都可以
通过Scoped slot可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据,slot-scope="scope" 取到当前单元格scope.row 获得当前的行数据scope.$index 当前下标添加图片<el-table stripe="true" :data="tableData" style="width: 100%" > <el-t...原创 2021-09-13 16:21:01 · 1302 阅读 · 2 评论 -
elementui导出数据为xlsx、excel表格
我这里为了同学们好理解,把所有元素都写到一个页面。1.第一步安装插件npm install file-savernpm install xlsx2.第二步在mian.js中设置全局// vue中导出excel表格模板import FileSaver from 'file-saver'import XLSX from 'xlsx'Vue.prototype.$FileSaver = FileSaver; //设置全局Vue.prototype.$XLSX = XLSX; //设原创 2021-09-12 14:21:33 · 1775 阅读 · 22 评论