element-ui
web_hj
这个作者很懒,什么都没留下…
展开
-
解决网页大数据卡顿
项目用的是 vue + elementUI项目是一个后台管理系统有大量数据展示 有些数据需要一次性查询出来 多达几千条当展示几千条时 用el-table 展示会有卡顿 使用插件pl-tablenpm i pl-tablemain.jsimport plTable from "pl-table"import 'pl-table/themes/index.css'import 'pl-table/themes/plTableStyle.css'Vue.use(plTable)...原创 2021-11-25 14:54:50 · 1798 阅读 · 0 评论 -
element UI el-table 实现单元格的合并
要实现上图的效果 第一例根据数据合并 是同一个店铺就合并1.请求数据 请求回来时解析数据formatData:function(list){ for(let i in list){ list[i].time = list[i].start_at +' - '+list[i].end_at; //忽略 //这里是关键******* if(i == 0){ this.rowspans.push(1); this.posi ...原创 2020-07-24 09:39:59 · 903 阅读 · 0 评论 -
element UI el-tree 自定义 (改变字体颜色)
1.<el-tree :data="data" :props="defaultProps" node-key="id" :default-expanded-keys="defaultExpanded" :render-content="renderContent" ///////////注意这里 @node-click="handleNodeCli...原创 2020-04-23 09:33:49 · 8492 阅读 · 2 评论 -
element ui el-table 实现拖拽效果
https://www.cnblogs.com/jin-zhe/p/10181852.htmlhttps://www.cnblogs.com/e0yu/p/11163924.html引入三方插件 sortable.js1.引入sortable.js的包:npm install sortablejs --save2. 引用el-table 中 导入impor...转载 2019-12-10 10:45:02 · 547 阅读 · 1 评论 -
element ui el-table 将表格单元格改为可编辑
项目需求 要求表格展示数据 并且 在表格中可以随意修改数据 而且多处地方使用到这种可以编辑的表格效果图:思路:将表格改为可以编辑 ; 将表格封装在一个组件 然后在需要的地方调用这个组件(实现重复调用)先看下使用页面的调用template: <editTable ref="editTable" :tableData=...原创 2019-12-09 15:13:07 · 9747 阅读 · 1 评论 -
element ui el-table 动态改变 单元格 的颜色
将el-table 包在自定义组件(page_table)里面,可以重复使用。1.在组件中定义<el-table :cell-style="setCellColor"></el-table>methods:{setCellColor: function (e) { //{row,column,rowIndex,columnIndex} let o...原创 2019-11-11 13:57:58 · 7802 阅读 · 0 评论 -
element-ui 入门
1.安装 npm i element-ui -S2.main.js中import Vue from 'vue'import ElementUI from 'element-ui' // 1import 'element-ui/lib/theme-chalk/index.css' // 2Vue.use(vuex)Vue.confi...原创 2018-12-15 14:28:15 · 7541 阅读 · 0 评论