![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element ui
每天发布一篇原创
精通前端和可视化
展开
-
element 表格里面带两个合计自定义排序
目前只支持日期格式排序,数字也没有问题1.添加@sort-change=“handleSortChange” <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @sort-change="handleSortChange" > 2.在排序的列添加sortable=“custom” <el-table-column prop="PAYMENT_DA原创 2021-05-19 13:47:08 · 534 阅读 · 0 评论 -
达梦后台页面的开发--初始化
最近公司要开发一个达梦项目,之前的可视化先停止更新,首先 看一下达梦后台页面达梦后台vue create dmvue删除无用的代码components 清空views清空 创建 Login==>Login.vue<template><div> 登录</div></template><script>export default { name: 'login'}</script><s原创 2021-05-18 14:41:26 · 120 阅读 · 0 评论 -
百万级可视化开发进阶笔记——v-chart组件的使用
效果图TotalUser index.vue<template> <common-card title="累计用户数" value="1,056,355" > <template> <div id="total-user-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template v-s原创 2021-05-15 14:56:49 · 328 阅读 · 0 评论 -
百万级可视化开发进阶笔记———今日交易用户数
效果图:TodayUser下 index.vue<template> <common-card title="今日交易用户数" value="62,832" > <template> <div id="today-user-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template原创 2021-05-15 14:21:36 · 101 阅读 · 0 评论 -
element 输入框检索
<el-autocomplete placeholder="请输入单位名称" value-key="COMPANY_NAME" v-model="search_tj.dwmc" clearable :fetch-suggestions="querySearchDwmc" @select="handleSelect_dwmc"></el-autocomplete>value-key 是你要检索的字段名称fetch-suggestions 你输入你要检索文字触发的方法sele原创 2021-04-22 14:09:25 · 352 阅读 · 0 评论 -
element tabs里面放ehcharts的一些bug问题解决
1.常见问题就是切换渲染的问题在切换事件中放这个this.$nextTick(() => { 这里调用方法 })2.切换窗口大小不更新 let fund = echarts.init(document.getElementById(ecid)); fund.resize()3.切换事件重叠切换的时候会发现好几个click事件一起调用了。在执行click先清除之前的click事件let resource = echarts.init(document.get原创 2021-03-25 14:00:47 · 189 阅读 · 0 评论 -
element 日历组件自定义内容
效果图: <el-calendar id="calendar"> <!-- 这里使用的是 2.5 slot 语法--> <template slot="dateCell" slot-scope="{date, data}"> <!--自定义内容--> &l原创 2020-12-31 11:06:08 · 1662 阅读 · 2 评论 -
关于element 表格和tabs切换的表格统一封装
最近开发一个政府项目,表格特别的多,整个项目,刚刚数了一下 一共是92个表格,而且时间特别的紧看下代码吧先是单个表格:<template> <div> <div class="search-Box"> <el-input placeholder="请输入关键字" icon="search" class="search" v-model="search"></el-input> </div>原创 2020-12-31 10:59:53 · 714 阅读 · 0 评论 -
element table 列宽根据内容自适应
我上一篇发布如何优化官网写的table表格的写法,但是他的列宽不能自适应,于是我觉得官网会增加某个属性控制列宽我试了 直接加 fit 或者 :fit="true"都不好使,我看到网上有些人去动态计算内容的宽度,但是效果不好,有时还会过宽!于是我找到一个基于 element-ui 组件库的 el-table-column 组件, 支持自适应列宽功能https://github.com/leg...原创 2020-04-22 12:02:34 · 11905 阅读 · 8 评论 -
element table表格的小优化
首先看一下官网写的没有什么问题,但是仔细发现el-table-column的标签写的太多,之前我看官网我就直接复制粘贴过来,写成这样了,这样一多是不是觉得很繁琐于是我这样改进了一下,是不是舒服了许多 <el-table-column v-for="{ prop, label } in colConfigs" ...原创 2020-04-22 10:03:54 · 877 阅读 · 0 评论