![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
未来-更美好
为了更好的学习
展开
-
vue2.x + ArcGIS API for JavaScript 3.3x
1. 通过 npm 安装esri-loader ; 思路:通过vuex 将ArcGIS模块保存,加上vue的watch监听达到全不同模块间的调用。<template> <div class="mapBox"> <!-- 地图 --> <div id="viewDiv" class="viewDiv" > </div></template><script>import...原创 2020-11-27 15:41:40 · 1117 阅读 · 0 评论 -
ArcGis 4.x + vue 初始化引用
<template> <div> <div id="viewDiv"> </div> </div></template> <script>// import { loadScript, loadCss, loadModules } from "esri-loader";import { loadCss, loadModules } from "esri-loader";e.原创 2020-08-17 16:31:19 · 551 阅读 · 0 评论 -
arcgis 4.x 更换底图 vue
方法一: let map = new this.gisConstructor.Map(); let view = new this.gisConstructor.MapView({ map: map, zoom: 2, container: "viewDiv", }); // 底图服务 let tjUAVLayer = new this.gisConstructor.TileLayer({ .原创 2020-08-17 16:22:36 · 547 阅读 · 0 评论 -
vue+echarts 柱状图
父页面 <Bar :getData="otherProportion" title="同区域设备数量" />data: otherProportion: [ { value: 50, name: "莲湖区" }, { value: 53, name: "碑林区" }, { value: 25, name: "高新区" }, { value: 21, name: "未央区" }, {..原创 2020-06-19 17:17:35 · 1040 阅读 · 0 评论 -
vue+echarts 环状图
父页面引用 <RingGraph class="margin-t50" :getData="EquipmentQuantityAnalysis" title="教学设备种类占比" />data EquipmentQuantityAnalysis: [ { value: 105, name: "电子黑板" }, { value: 82, name: "电子班牌" }, { value: 66, name: "会议一体机" }, ..原创 2020-06-19 17:15:36 · 1580 阅读 · 0 评论 -
vue +echarts地图
<template> <div class="bg" :style="{height:'60vh',width:'100%'}" ref="myEchart"></div></template><script>import echarts from "echarts";import "echarts/map/js/china"; // 引入中国地图数据import { mapGetters } from "vuex";export.原创 2020-06-19 17:08:56 · 727 阅读 · 0 评论 -
vue 文字超出打点 打包时不报错
/*文本溢出*/.fix_text_overflow1{overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1;display:-webkit-box;display:-moz-box;-moz-box-orient:vertical;/*!autoprefixer:ignore...原创 2020-06-15 16:12:22 · 202 阅读 · 0 评论 -
vue 请求封装
import axios from 'axios'import qs from 'qs'// 在config.js文件中统一存放一些公共常量,方便之后维护import API from './config.js'const baseURL = API.baseURL // 添加请求拦截器,在发送请求之前做些什么(**具体查看axios文档**)--------------------------------------------axios.interceptors.request.us.原创 2020-06-05 11:36:31 · 185 阅读 · 0 评论 -
vue 手机号 邮箱 非法字符验证
弹层为elementUI手机号验证let reg=/^1[3456789]\d{9}$/; if(!reg.test(value)){ this.$message.error("请输入有效的手机号码"); }邮箱验证let reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; if(!reg.test(value)){ this.$message.error("请输入有效的邮.原创 2020-05-13 10:05:01 · 607 阅读 · 2 评论 -
vue 加解密
安装npm install crypto-js --save引入使用let CryptoJS = require('crypto-js');/** * 解密 */let decrypt = function(cryptoData) {// key 根据自己的需求修改 var key = '6^)(9-p35@%3#4S!4S0)*0)$Y%!#O@*G$Y%...原创 2020-04-26 11:42:10 · 342 阅读 · 0 评论