
VUE
Lobove_code
努力提升自己~
展开
-
中国地图3D立体效果
中国地图3D立体效果具体思路:geo叠加3层,zlevel是重叠的优先级<template> <div class="map"> <div class="charts" ref="chartsBox"></div> <div class="e-label"> <p class="e-label-title">项目图例</p> <p>区域公司<img src原创 2022-05-06 10:55:05 · 2798 阅读 · 0 评论 -
Vue项目时间过滤器
Vue项目时间过滤器//获取上月年月export function getLastMonth(val) { var timeStamp = val ? new Date(val) : new Date(), year, month; year = timeStamp.getFullYear() month = timeStamp.getMonth() + 1 month = month == 1 ? 12 : month - 1 //上月数据 month ==原创 2022-05-06 10:48:37 · 574 阅读 · 0 评论 -
Vue代理配置
Vue代理配置在vue.config.js里添加module.exports = { publicPath: '/', outputDir: 'dist', assetsDir: 'static', lintOnSave: false, productionSourceMap: false, devServer: { port: port, // open: true, hot: true, proxy: { "/jx": {原创 2022-05-06 10:47:55 · 416 阅读 · 0 评论 -
中国地图3D立体效果
中国地图3D立体效果具体思路:geo叠加3层,zlevel是重叠的优先级<div class="map"> <div class="charts" ref="chartsBox"></div> <div class="e-label"> <p class="e-label-title">项目图例</p> <p>区域公司<img src="../../../assets/i原创 2022-05-06 10:46:03 · 2508 阅读 · 0 评论 -
vue使用wavesurfer.js
vue使用wavesurfer.js安装wavesurfernpm install wavesurfer.js页面中引入import WaveSurfer from 'wavesurfer.js'import Timeline from 'wavesurfer.js/dist/plugin/wavesurfer.timeline.js'Html<div class="waveform-wrapper"> <div id="waveform" ref="wavef原创 2022-05-06 10:32:58 · 1396 阅读 · 0 评论 -
Element UI 分页选择保留之前选中的数据
Element UI 分页选择保留之前选中的数据<el-table :data="alarmTable" style="width: 100%" ref="multipleTable" :row-key="getRowKeys" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" :reserve-selection="true"> &原创 2022-05-06 10:32:03 · 827 阅读 · 0 评论 -
前端JSON转excel下载
前端JSON转excel下载方法一 let jsonData = [{ id: "1", grade: "大二", }, { id: "1", grade: "大二", name: "Mike" }]; var str = 'Id,年纪,姓名\n'; for (let i = 0; i < jsonD原创 2022-05-06 10:30:59 · 475 阅读 · 0 评论 -
Vue项目代理+baseURL的设置
Vue项目代理+baseURL的设置Vue.config.js里module.exports = { devServer: { host: 'localhost',//target host port: 8080, //proxy:{'/api':{}},代理器中设置/api,项目中请求路径为/api的替换为target proxy: { '/api': { target: 'http://10.191.4.1原创 2022-05-06 10:30:10 · 5147 阅读 · 0 评论 -
浏览器下载文件代码
浏览器下载文件代码this.$axios .get( this.$baseUrlsNew + 'xibei/monthlyanalysis/export?dataDate=' + this.search.dataDate, { responseType: 'blob' }, { responseHeaders: { 'Access-Control-Expose-Headers':原创 2022-05-06 10:28:06 · 726 阅读 · 0 评论 -
Vue-cli3在IE浏览器下页面空白
Vue-cli3在IE浏览器下页面空白安装babel-polyfillnpm install babel-polyfillmain.jsimport 'babel-polyfill'babel.config.jsmodule.exports = { presets: [ ['@vue/app', { 'useBuiltIns': 'entry' }] ]}vue.config.js chainWebpack(config) { /原创 2021-06-11 10:07:50 · 457 阅读 · 1 评论 -
图片上传裁剪和压缩功能—vue-cropper
图片上传裁剪和压缩功能—vue-cropper安装npm install vue-cropper -S使用main.js文件里面import VueCropper from 'vue-cropper'Vue.use(VueCropper)在组件内用import { VueCropper } from 'vue-cropper' components: { VueCropper,},具体参数说明<template> <div class="croppe原创 2021-06-08 14:23:39 · 628 阅读 · 0 评论