自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 ElementUI报错 Error in callback for watcher "data": "Error: [ElTable] prop row-key is required"

前端报错Error in callback for watcher "data": "Error: [ElTable] prop row-key is required"Error: [ElTable] prop row-key is required<el-table :data="props.row.Entities" border size="mini...

2020-03-30 09:22:32 11659 1

原创 ElementUI 获取el-tree选中节点信息

树形控件<el-tree :data="entityData" show-checkbox default-expand-all @check="aaaa" ref="multipleTable" > <span class="custom-tree-node" slot-scope="{ data }"> &...

2020-03-27 14:11:11 8637

原创 ElementUI 获取el-table表格选中行信息及清除选中行

表格<el-table :data="tableData" border style="width: 100%" ref="multipleTable"> <el-table-column type="selection" width="40" align="center"></el-table-column> ...

2020-03-27 11:49:49 14689

转载 websocket报错DOMException: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state

webscoket初始化后this.socket.send(message)时报错:DOMException: Failed to execute 'send' on 'WebSocket': Still in CONNECTING statevm.init()vm.send()要明白这个问题产生的原因,就需要了解websocket的几个状态。通常在实例化一个websocket对...

2020-03-26 14:30:14 37255 2

转载 vue 判断页面是首次进入还是再次刷新

<template> <div> 判断页面是首次进入还是再次刷新 </div></template> <script>export default { data(){ return{ } }, ...

2020-03-20 14:58:37 1382 1

原创 字符串类型的操作方法

去除字符串中的后几个字符var str = "123456789";var strSlice = str.slice(0,-3) //从第一个字符截取到倒数第四个字符,结果为“123456”

2020-03-19 16:30:41 145

原创 Cesium实现坐标转换;目标区域放大

var viewer = new Cesium.Viewer('cesiumContainer');var scene = viewer.scene;var clock = viewer.clock;var referenceFramePrimitive;function viewRectangle() { Sandcastle.declare(viewRectangle); ...

2020-03-18 17:10:36 2964

原创 Vue-Axios用delete请求传formData

axios用delete请求传formData 用{data:upData}格式传递参数Confirm(){ var vm=this; var upData = new FormData(); this.$refs['form'].validate((valid) => { if (valid) { Object.key...

2020-03-13 16:48:05 1885

转载 vue递归组件实现多级列表

递归组件:简单来说就是在组件中内使用组件本身。首先我们先创建一个 List 的递归组件<template> <div> <div class="list-item" v-for="(item, index) in list" :key="index"> <div class="item-name"&...

2020-03-13 10:36:12 1356

原创 JS阻止鼠标的默认点击事件(例如鼠标的点击右键)

document.oncontextmenu = function(e){ e.preventDefault();};document.oncontextmenu = function(){  return false;}

2020-03-13 09:48:35 1691

原创 Cesium笛卡尔坐标转wgs84坐标x、y、z

笛卡尔坐标转wgs84坐标x、y、zvar ellipsoid = viewer.scene.globe.ellipsoid;var xyz = new Cesium.Cartesian3(-2643784.052113701, 4793748.591615388, 3261795.2620406053);var wgs84 = ellipsoid.cartesianToCartograph...

2020-03-12 14:29:14 990

原创 Cesium-CZML介绍

CZML是一种用来描述动态场景的JSON架构的语言,主要用于Cesium在浏览器中的展示。它可以用来描述点、线、布告板、模型以及其他的图元,同时定义他们是怎样随时间变化的。Cesium拥有一套富客户端API,通过CZML采用数据驱动的方式,不用写代码我就可以使用通用的Cesium viewer构建出丰富的场景。Cesium与CZML的关系就如同Google Earth和KML的关系。CZML和KM...

2020-03-12 14:28:02 1629

原创 JS根据条件将扁平数组树状化

response.data.data.map(function(item){ modeDatas.push( { id:item.id, label:item.name, number:item.number, value:item.number, })})modeDatas.forEach(function(i...

2020-03-12 12:01:53 187

原创 ElementUI 之 Cascader 级联选择器自定义节点内容

Cascader 级联选择器:自定义备选项的节点内容,参数为 { node, data },分别为当前节点的 Node 对象和数据modeType:[{ "children": [{ "children": [{ "children": [], "label": { ...

2020-03-12 12:01:24 8907

原创 ElementUI对表格某一行执行操作和批量操作限制

<div slot="header" > <el-row type="flex" justify="space-between"> <el-col :span="12"> <el-button size="mini" @click="down(1)">批量下载</el-button> ...

2020-03-11 18:10:05 512

原创 ElementUI上传文件-限制上传文件个数

固定上传文件个数if(vm.fileList.length!==2){ this.$message.warning(`请上传有且仅有2个文件。`); return}限制上传文件个数<el-form-item label="上传文件" prop="fileList"> <el-upload ref="upload" ...

2020-03-11 18:06:02 11134

原创 JS判断数据是否为File类型

if(file instanceof File){ upData.append('file', file, file.name);}

2020-03-11 17:01:35 9698 1

转载 ElementUI 之 Cascader 级联选择器指定 value label

ElementUI 的 Cascader 级联选择器个人觉得很好用,但是对 :options="options" 里的数据格式是有特定要求的:input 框显示的值是 options 里的label 值。如果 options 的键值对不是 value label ,就需要 props 来配置。<el-cascader v-model="data" :options...

2020-03-11 11:38:12 5338 2

原创 VUE实现拖拽

拖拽事件介绍@dragstart:拖拽开始事件,可绑定于被拖拽元素上; @dragend:拖拽结束事件,可绑定于被拖拽元素上; @dragover:拖拽持续移动事件,建议绑定于可拖放区域(下方灰色块); @dragenter:进入拖放区域,建议绑定于可拖放区域(下方灰色块),该事件仅在进入拖放区域时触发,在其内部移动时不触发,离开某一可拖放区域后再进入时会再次触发; 拖拽...

2020-03-10 11:16:19 408

原创 ElementUI 表格中某项为空值时用暂无数据代替显示

<el-table :data="tableData" border style="width: 100%" ref="multipleTable"> <el-table-column type="index" label="序号" width="50" :index="indexMethod" align="center"></el-table-colum...

2020-03-09 13:49:18 12504 1

原创 js 判断字符串中是否包含某个字符串 删除指定字符

usage.indexOf("init") != -1

2020-03-09 13:46:19 4815

原创 JS递归实现遍历不规则多维数组的方法

var data= { a: { one: 1, two: 2, three: {four:'2',five:'4'} }, b: { six: 4, seven: 5, eight: 6 }, c: { nine: 7, ten: 8}}function traverse(obj) { for (var a in obj) { if (typeo...

2020-03-09 13:44:05 1949

原创 ElementUI 根据条件筛选符合条件的下拉框选项@visible-change

<template slot-scope="scope"> <el-select v-model="scope.row.value" placeholder="请选择" size="mini" @visible-change="canChange(scope.row)"> <el-option v-for="(item...

2020-03-03 16:22:47 8025

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除