随笔分类 -  avue

echarts 图表缩放 X轴Y轴数据缩放
摘要：鼠标滚动缩放 Y轴与X轴数据缩放，在dataZoom中设置即可 var Xdata = ['63.27','27.90','33.52','17.98','42.25','24.54','33.96','11.73','72.58','45.36',]; var Ydata = ['西安市','铜川 阅读全文
posted @ 2021-12-13 16:07 骄傲一点才可爱 阅读(4265) 评论(0) 推荐(0) 编辑
avue大屏 avue-data echarts图形数据过多自动滚动
摘要：效果图演示： 大屏通用柱状图编辑界面： 代码如下：(准备需要的id) (data)=>{ let myChart = echarts.init(document.getElementById("itema3e847c9-3199-4236-b967-cb5cc070ba6f"));//avue-da 阅读全文
posted @ 2021-12-13 11:38 骄傲一点才可爱 阅读(2341) 评论(0) 推荐(0) 编辑
avue switch开关列表开关调用接口
摘要：后端提供的接口是0和1，avue的开关按钮是true和false，需要做处理，我这里点击开关后值是反的，所以用了反向判断，具体需要什么逻辑需要调试 效果图如下： HTML部分使用插槽（在avue-crud内使用插槽） 在插槽上做判断将返回的值转为true和false，（如果后端提供的是true和fa 阅读全文
posted @ 2021-11-24 14:20 骄傲一点才可爱 阅读(1283) 评论(0) 推荐(0) 编辑
vue avue通过elementui 自定义导入按钮实现导入excel表格
摘要：导入Excel功能实现步骤： 1.首先通过elementUI组件自定义导入按钮：如下图 代码如下：用的是elementUI的上传组件 实例1：列表（html部分）不需要下面的导入点击事件 <el-upload style="display:inline-block;" :show-file-list 阅读全文
posted @ 2021-06-22 15:33 骄傲一点才可爱 阅读(2333) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示