![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
我叫刘同学
这个作者很懒,什么都没留下…
展开
-
element 组件抽屉拖拽左右改变宽度
element-ui组件drawer抽屉实现左右拖拽改变宽度的功能详情请查看该篇技术博客转载 2021-12-21 11:16:09 · 3035 阅读 · 0 评论 -
echart地图上自定义图标
echart提供了renderItem来进行地图上图标的自定义添加,首先需要在series处,把type的类型设置为"custom",然后在进行自定义图标的添加,具体如下所示:series:[{ name: "图标", type: "custom", //配置显示方式为用户自定义 coordinateSystem: "geo", itemStyle: { normal: { color: '#fff' } }, ren原创 2021-09-23 15:58:57 · 5798 阅读 · 2 评论 -
element-ui table表格在搜索筛选后保持勾选状态
在进行项目开发时,遇到表格数据通过搜索筛选后,数据在表格中保持复选框选定的状态。element-ui提供了reserve-selection来完成这个事情。该属性需要配合row-key使用。注意,数据中包含一个字段id,不然在筛选后最后一次勾选的数据不会保持勾选状态。<template> <el-table ref="multipleTable" :data="tableData" :row-key="getRowKey" tooltip-effect原创 2021-09-14 10:37:01 · 1073 阅读 · 0 评论 -
Vue项目动态加载图片的路径写法
vue项目存放图片的位置主要有public文件加下和src文件下assets文件下。图片较多应放下public文件下。<img :src="'./flag32/flag_${item.enName}_32_p.png'">原创 2021-08-25 16:19:45 · 320 阅读 · 0 评论 -
2021-08-16
随着数据获取的变化Echarts动态改变图例中的数字如下图所示图例中要改变的数字这里需要使用formatter函数来进行修改。具体修改如下图所示图例中要改变的数字这里需要使用formatter函数来进行修改。// 使用字符串模板,模板变量为图例名称 {name}formatter: ‘Legend {name}’// 使用回调函数formatter: function (name) {return 'Legend ’ + name;}这里的参数name是返回的图例的名称,每次只能返回一个原创 2021-08-16 16:07:23 · 65 阅读 · 0 评论 -
2020-11-03
vue项目中把echart中的数据导出成Excel的格式本次借鉴了此文章然后做了一些改动。由于项目需要把使用echart做的统计数据导出成Excel的格式,刚开始不知道怎么做,经过网上查询也没找到VUE项目关于echart统计数据导出Excel的形式,这里主要用到了jquery和jquery的一个导出Excel的插件jquery-table2excel.js,首先要全局引入jquery 具体引入参考这边文章vue项目引入jquery,然后是把jquery-table2excel.js引入到项目中,把下原创 2020-11-03 23:21:53 · 740 阅读 · 0 评论 -
VUE项目通过下拉菜单来实现影像地图与街道地图之间的切换
1.首先在<div id='map'><div>中定义一个<select>通过定义@change=changeMap()函数来监听选定的option值然后在date()return的中定义变量mapList数组变量用于存放数据,ProductActive:‘1’,为默认选定的为影像地图接下来定义changeMap()函数来控制影像地图和政区图之间的切换,...原创 2019-11-30 22:06:14 · 562 阅读 · 0 评论