baidu_hxl的博客

第一步：添加依赖 npm install -s @turf/turf第二步：在main.js中导入依赖 import * as turf from "@turf/turf"; 或在项目中单独导入第三步：官方案例：Example:var poly1 = turf.polygon([[ [-122.801742, 45.48565], [-122.801742, 45.60491], [-122.584762, 45.60491], [-122.584762,

<!-- 预览文件 --> <el-dialog :title="previewTitle" :visible.sync="previewDialog" width="50%" center class="dialog-preview" @opened="opened" append-to-body> <div class="dialog-body" :style="{height: previewHeight +.

使用场景，新建或添加的时候可以选中或取消，查看详情的时候不可选中或取消。设置el-table-columntype="selection" 为选择框；设置 selectable 属性来决定该行数据是否选中；<el-table-column type="selection" width="55" align="center":reserve-selection="true" :selectable="checkSelectable"/>设置是否可以选中的条件：check.

1.在html页面中引入百度地图js文件<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>2.页面展示3.demo展示<div class="position-relative"> <div id="grid_map" style="width: 100%;" :style="{ height...

1. 定义接口导出文件的请求类型为：responseType: "blob"export function download (url, params) { if (!params) { params = {} } return new Promise((resolve, reject) => { axios.get(url, { params: params, headers: { 'Access-Control-Allow-Creden

1.安装npm install -svue-video-playernpm install -svideojs-contrib-hls2.main.js引入import VideoPlayer from 'vue-video-player' // videorequire('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')require('videojs-contrib-hls..

地图需要加载大量点位的时候，使用L.marker 方法来 addTo(map) ,会导致地图特别卡。leaflet-canvas-marker 可以加载海量覆盖点。1.加载方式npm ileaflet-canvas-marker -s 或者直接下载Leaflet.Canvas-Markers 在项目里面直接引入https://github.com/eJuke/Leaflet.Canvas-Markers2.使用第一种加载方式：在项目里面直接使用import 引入i...

<div id="l_map"></div>初始化地图initMap() { let that = this if (this.map) { this.map.remove() } this.map = initLeafletMap('l_map', 10) // 双击事件 this.map.addE..

<div id="grid_map" style="width: 100%; height: 100%;"></div>初始化地图：initLeaflet (level) { if (this.map) { this.map.remove() } this.map = this.initLeafletMap('grid_map') //添加左侧绘制控件 this.map.pm.addContro..

实现计时器，暂停，在开始后继续之前的计时。<template> <div class="task"> <div class="task-header"> <img src="../../../../assets/task/ic_task_tracking_bg_deep.png" alt="header" class="task-header-bg"> <div class="

问题描述：在vue中加载百度地图， 当初始化时，第一次加载地图时，可以正常显示地图，当切换路由再次进入地图时，地图只显示上部一部分地图。问题原因：that.map = new BMap.Map("b_map", { enableMapClick: false, mapType: BMAP_NORMAL_MAP });地图创建只需要初始化一次，或重新加载一次，map多次初始化后，地图就会出现...

bindEventListener () { let _this = this this.menuId = document.querySelector('#navigation-menu-id') this.startX = 0 // 上一次的位置 scrollLeft this.lastLeft = 0 this.menuId.onmousedown = function (e) { _this.menuId.on.

错误：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "introductionList"问题分析：父组件通过props传值给子组.

第一步：选择图片时，现先获取上传图片// 获取文件 getFile (event) { let imgTarget = event.target.files[0] if (!imgTarget) { return } let type = imgTarget.type // 文件的类型，判断是否是图片 let size = imgTarget.size // 文件的大小，判断图片的大小 if (this.

问题分析：上传多图时，由于上传后台的时间不同，导致上传时选择的图片和返回显示的图片顺序不一致。栗子在现：选择顺序依次为：花-1、花-2、花-3、花-4返回顺序依次为：花-2、花-4、花-3、花-1解决方法：上传开始时：记录下上传时的图片信息顺序uploadFiles (files) { let postFiles = Array.prototype.slice.call(files) if (!this.multiple) postFiles =

Vue项目中，给scrollTop赋值一直0，解决方案总结如下：mounted中：window设置scroll滚动事件window.addEventListener('scroll', () => { this.scrollGroupSetting()}, false)destroyed中：移除scroll滚动事件window.removeEventListener('scroll', this.scrollGroupSetting(true), false)获取scro

解决方法：File > Settings > Invalidate Caches/Restart... > Invalidate and Restart .分析原因：关闭WebStorm时，非正常关闭导致。

vue.js常用指令的使用：v-text、v-html 数据的渲染；v-show、v-if、v-else条件渲染；v-for循环列表的渲染；v-on事件的绑定;v-bind属性的绑定。

计算属性在处理一些复杂逻辑时是很有用的。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。