自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue + cordova 混合开发 app

一、环境搭建nodeJSjava jdkAndroid SDK注:上述内容可自行百度二、cordova全局安装cordovanpm install -g cordova创建cordova项目cordova create testcom.example.hello HelloWorld // 创建test项目创建完项目要进入到项目cd test将项目添加到android平台cordova platform add android添加插件命令:cord

2021-02-25 09:18:42 626

原创 echarts Cannot read property ‘init‘ of undefined 报错问题

一、查看容器是否有宽高(容器一定要有宽高)<div id="main" style="height:800px;width:600px;" />二:查看引入对错我直接 import echarts from 'echarts’时也会报错,所以后面修改了引入时的写法import * as echarts from 'echarts’三:初始化实例时开始用的let myChart = this.echarts.init(this.echarts.init(this.echarts.in

2020-12-07 10:04:33 3495 6

原创 vue + graphql + apollo 之 增删改查

一、安装相关服务npm i --save vue-apollo graphql apollo-boost apollo-linknpm install apollo-clientnpm install apollo-link-httpnpm install apollo-cache-inmemorynpm install apollo-link-errornpm install apollo-link-contextnpm install graphql-tag二、在utils文件夹下创建

2020-11-20 15:48:49 561

原创 Vue组件传值之父子组件传值

父组件:Father.vue 向 子组件 :Son.vue 传值1、在父组件(Father.vue)中引入子组件html部分使用引入的子组件<div > <el-button @click="dataToSon">传值</el-button> <!-- 使用组件 --> <son :data='sonData'/>...

2020-01-15 14:14:04 462

原创 Vue兄弟组件传值

效果:A页面向B页面传值,vueEvent.js是通道1、新建vueEvent.js文件,引入vue后实例化vue,然后暴露这个实例import Vue from 'vue'var VueEvent = new Vue()export default VueEvent2、在A页面引入定义的实例data:要传递的数据()import VueEvent from './VueEvent...

2020-01-10 14:21:32 164

原创 mapbox、three.js添加自定义3d模型

废话不多说,先看效果图1、先初始化地图 initMap() { mapboxgl.accessToken = 'pk.eyJ1IjoiMTgzODI0ZHl0IiwiYSI6ImNqbHExNDVjZzI0ZmUza2wxMDhocnlyem4ifQ.FZoJzmqTtli8hAvvAc1OPA' this.map = new mapboxgl.Map({ ...

2019-12-13 11:34:26 4354 4

原创 mapbox中3d图层的显示与隐藏

由于mapbox加载过慢,所以我没有在初始化的时候添加图层,而是给了一个按钮控制图层的添加与删除,加快地图的加载速度,先看效果 mapbox地图的展示在上一篇博客:mapbox地图展示链接1、html部分添加一个控制图层显示与隐藏的按钮<div> <el-button @click="add3dLayers">{{ addLay...

2019-12-12 17:37:33 1383

原创 mapbox 展示地图 添加点、线、面绘制工具

先看一下效果图官方API地址:https://docs.mapbox.com/mapbox-gl-js/api/1、安装依赖包安装mapbox地图展示时需要用到的依赖npm install --save mapbox-gl安装自定义点线面工具的依赖包npm install --save mapbox-gl-draw2、html部分准备一个盛放地图的容器<template...

2019-12-12 16:24:02 7594 5

原创 vue带参数跳转页面

父页面点击某个按钮,跳转到下个页面事件html部分的点击事件(n:是传递给函数的参数)<el-button @click='toPage(n)'></el-button>js部分m:接收点击事件传过来的n;传递给子页面page的参数name:存放的是要跳转的页面,路由router里中的name值toPage(m) { this.$router.p...

2019-11-26 09:56:19 582

原创 webpack打包vue项目

自己总结一下vue项目的打包build文件夹下的utils.js文件 —> 添加:publicPath: “…/…/”, if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: "../../", fallb...

2019-10-29 11:23:32 264

原创 判断输入值是否为数字

<template> <el-input v-model="temp[item.key]"/> <el-button @click="isNum">判断</el-button></template><script> data() { return { temp" { } } }</scrip...

2019-10-25 16:35:19 693

原创 百度地图地址逆解析(循环显示点信息,涉及到同步异步) 优化

从接口获取数据,坐标的字段为gps地址逆解析结果判断,当地址不存在(即点在无法解析出来的地方,要进行筛选)下面就是全部的代码getData() { fetchData().then(res => { res.data.forEach(item => { // 循环所有的数据,取出需要用到的字段 if (item.gps) { // 先判断坐标存在,才能往地图上添...

2019-10-23 10:56:49 1362 4

原创 vue项目tabs切换表格

<template> <div style="padding:10px"> <el-row style="padding-bottom:10px"> <el-col :span="5" style="margin-right:10px"> <el-select v-model="se...

2019-10-22 15:24:33 3309

原创 vue表单判断必填项

<template> <!-- 弹框部分 --> <el-dialog :visible.sync="dialogAdd" width="30%" > <div slot="title" :style="{color:colorstatus[dialogStatus]}"> ...

2019-10-11 14:43:44 22720

原创 取消地图点击事件

111

2019-09-30 10:22:49 993

原创 百度地图 地理信息可视化样式(涉及到异步获取数据)

调用百度地图接口,初始化地图的同时调用数据接口,获取数据进行判断之后再将数据渲染到地图上<template> <!-- 地图部容器 --> <div id="allmap" ref="allmap"/></template><script>import { fetchList } from '@/api/hom...

2019-09-27 11:15:17 653

原创 vue日期选择器 (快捷部分内容修改为自定义时间范围)

第一张是element-ui自带效果,第二张是替换后的呈现看官方文档可知,最近一周的文字及函数是存放在shortcuts里的。shorts里包含了两部分内容。一部分是文本text,另一部分是当前文本的点击事件。所以只要将需要放置的内容遍历存放进去就行了我是给了一个按钮button,打开一个弹框,弹框开启时,就调用接口将数据填到时间组件里<template> &l...

2019-09-25 17:23:05 1805

原创 vue引入外部组件弹框

这里是需要引入组件的页面,即右上角的popover弹框所在页面<template> <div class="right-menu"> <el-popover class="avatar-container right-menu-item hover-effect" trigger="click" ...

2019-09-19 10:50:37 949

原创 vue中百度地图 坐标转换 循环向marker添加click点击事件 (优化)

<template> <div id="allmap" ref="allmap" /></div></template><script>// as:将接口名从A改为Bimport { A as B } from '@/api/config/wellhead.js'export default { name: '...

2019-09-11 09:59:57 3418 4

原创 vue增删改查

Vue 增删改<template> <div class="device-container"> <!-- 头部 --> <div class="search"> <el-button type="primary" size="small" icon="el-icon-plus" @click="handl...

2019-08-26 10:18:28 319

原创 vue多条件查询

<template> <div class="app-container"> <div class="filter-container" style="display:flex;justify-content:space-between;align-items:center"> <div> <!-- 部...

2019-08-23 11:50:57 9434 3

原创 vue中动态控制表格列的显示与隐藏 (优化版本,便于后期维护与修改)

<template> <el-table :data="list" border fit @header-contextmenu="contextmenu" > <el-table-column v-if="colData[0].istrue" prop="a" l...

2019-08-20 16:23:44 3359 4

原创 vue中百度地图 自定义点线面

vue 百度地图 自定义覆盖物

2019-08-15 16:32:19 1558 1

原创 vue下拉框数据填充

vue中 下拉框 渲染数据<template> <span style="color:#909399;">部门:</span> <el-select placeholder="请选择"> <el-option v-for="(item,index) in groupname" :key="index" ...

2019-08-15 15:22:44 2033

原创 vue表格渲染数据

vue中渲染表格数据表格中的状态用el-tag标签做的,下面为了省事,把标签删了,有需要的小伙伴可以去https://element.eleme.cn/2.0/#/zh-CN/component/installation上自己看看<template> <el-table :data="list" border fit ...

2019-08-15 14:47:31 4155

空空如也

空空如也

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

TA关注的人

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