![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
月影星云
这个作者很懒,什么都没留下…
展开
-
vue-echarts折线图一上一下显示数据
vue-echarts折线图一上一下显示数据原创 2023-01-12 09:06:50 · 964 阅读 · 0 评论 -
element UI的table组件表格导出、下载注意点
element UI的table组件表格导出、下载注意点原创 2022-10-12 09:55:23 · 1018 阅读 · 1 评论 -
echarts圆柱图做法
1、如图所示原创 2021-12-08 08:57:02 · 1265 阅读 · 0 评论 -
vue-pdf显示所有页数的方法
安装vue-pdfnpm install --save vue-pdf代码如下<template> <div class="wrap"> <pdf v-for="item in numPages" :key="item" :src="pdfSrc" :page="item"/> </div></template><script>import pdf from 'vue-pdf'import原创 2021-11-08 08:52:48 · 2993 阅读 · 7 评论 -
js、vue图片链接转成base64
1、创建imgUrlToBase64.js文件imgUrlToBase64.js2、封装代码如下export let imgUrlToBase64 = function(imgUrl){ let base64Url = ""; let image = new Image(); image.setAttribute("crossOrigin", "anonymous");//解决跨域问题 image.src = imgUrl; image.onload = function原创 2021-10-19 10:30:04 · 1235 阅读 · 0 评论 -
vue请求后台JFIF格式文件流
//get请求JFIF格式图片文件流export function getJFIF(url, params){ return new Promise((resolve, reject) =>{ axios.get(url, { params: params, responseType: 'arraybuffer' }).then(res => { resolve(res.data);原创 2021-08-31 09:47:08 · 860 阅读 · 0 评论 -
如何获取两个经纬度点之间的中心点的经纬度
export function getCenterLonLat(oneLon, oneLat, twoLon, twoLat) { //oneLon:第一个点的经度;oneLat:第一个点的纬度;twoLon:第二个点的经度;twoLat:第二个点的纬度; let aLon = 0, aLat = 0; let bLon = Number(oneLon) - Number(twoLon); let bLat = Number(oneLat) - Number(twoLat);原创 2021-08-03 09:14:17 · 3895 阅读 · 0 评论 -
vue生产环境删除console.log的简易方法
一、说明该方法不用安装插件,通过判断环境是否为开发环境或者是测试环境,是的话就打印日志,这个方法个人觉得是最方便的!二、创建showlog.js在src目录下创建utils文件夹,在utils文件夹中创建showlog.js三、showlog.js代码如下function showlog(log){ if (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test"){ console.原创 2021-07-30 10:08:37 · 728 阅读 · 0 评论 -
echarts多个折线图的使用
一、如图所示二、页面引入echarts//引入 echarts 主模块import * as echarts from 'echarts/lib/echarts';//引入折线图、柱状图import 'echarts/lib/chart/line';import 'echarts/lib/chart/bar';//引入提示框组件、标题组件、工具箱组件import 'echarts/lib/component/tooltip';import 'echarts/lib/component/t原创 2021-07-28 10:03:53 · 1223 阅读 · 0 评论 -
cesium用鼠标绘制点、线
1、如图所示2、封装代码 //绘制 drawPointLine() { this.isDrawPointLine = !this.isDrawPointLine;//用于判断是否绘制 let that = this; let handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas); handl原创 2021-07-08 17:29:58 · 1849 阅读 · 0 评论 -
如何解决echarts图表y轴数据间隔过大的方法
1、如图所示,echarts图表y轴数据间隔过大,前面几个显示正常,最后一个值变得很大,造成页面特别难看2、解决办法:在yAxis中axisLabel设置如下,可以根据自己的需求截取几位小数点yAxis: { type: "value", axisLabel: { formatter:function (value, index) { return value.toFixed(2); } }}原创 2021-06-24 14:18:40 · 6267 阅读 · 0 评论 -
vue自动注册组件
1、在项目的src目录下的components文件夹中创建autoRegisterComponents.js,js文件中代码如下import Vue from "vue";const requireComponent = require.context( "./",//组件目录的相对路径 true,//是否查询其子目录 /\.vue$/,//匹配基础组件文件名的正则表达式);requireComponent.keys().forEach(fileName => {原创 2021-06-17 14:27:08 · 240 阅读 · 0 评论 -
vue项目日期时间格式化插件
1、新建dateFormat.jsexport const dateFormat = function(date, format) { if (typeof date === 'string') { date = date - 0 || (!/\d+T\d+/.test(date) ? date.replace(/-/g, '/') : date); } const d = new Date(date); if (!date || d.toUTCString原创 2021-06-09 09:05:43 · 541 阅读 · 0 评论 -
cesium创建长方体、立方体的三种方式
第一种viewer.entities.add({ id: `box`, name : `box`, position: Cesium.Cartesian3.fromDegrees(经度值, 纬度值, 离地面高度值), box : { dimensions : new Cesium.Cartesian3(方体长度值, 方体宽度值, 方体高度值), material : Cesium.Color.fromCssColorString(“#ffff原创 2021-04-23 14:57:22 · 3685 阅读 · 0 评论 -
vue安装cesium(vue-cli3+)
一、安装cesiumnpm install cesium --save 二、在main.js全局引入let Cesium = require('cesium/Cesium');let widgets= require('cesium/Widgets/widgets.css');Vue.prototype.Cesium = Cesium;Vue.prototype.widgets = widgets;三、在vue.config.js中的配置1、引入cesiumlet cesiumSour原创 2021-04-13 16:21:36 · 624 阅读 · 0 评论 -
vue项目搭建(分vue-cli2和vue-cli3+)
vue项目搭建(分vue-cli2和vue-cli3+)一、安装node环境1、下载链接:https://nodejs.org/en/2、检查node环境是否安装成功:node -v3、检查npm版本:npm -v二、提高效率,使用淘宝镜像1、npm install -g cnpm --registry=https://registry.npm.taobao.org2、用到npm的地方直接用cnpm来代替三、vue-cli安装和卸载1、vue-cli2:安装:npm install -g原创 2021-03-24 10:43:40 · 67 阅读 · 0 评论 -
vue项目安装配置cesium
vue项目安装配置cesium宗旨:简单、有效、无坑!一、cesium安装npm install cesium --save二、build文件中webpack.base.conf.js配置1、定义const cesiumSource = ‘…/node_modules/cesium/Source’2、在output中写入:sourcePrefix: ’ ',此处单引号内放有一个空格3、与output同级写入:amd: { toUrlUndefined: true },4、在resolve中的原创 2021-01-08 15:50:39 · 1114 阅读 · 0 评论