- 博客(25)
- 收藏
- 关注
RSS订阅原创 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
611
原创 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
3468
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
539
原创 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
458
原创 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
162
原创 mapbox、three.js添加自定义3d模型
废话不多说，先看效果图1、先初始化地图 initMap() { mapboxgl.accessToken = 'pk.eyJ1IjoiMTgzODI0ZHl0IiwiYSI6ImNqbHExNDVjZzI0ZmUza2wxMDhocnlyem4ifQ.FZoJzmqTtli8hAvvAc1OPA' this.map = new mapboxgl.Map({ ...
2019-12-13 11:34:26
4294
4
原创 mapbox中3d图层的显示与隐藏
由于mapbox加载过慢，所以我没有在初始化的时候添加图层，而是给了一个按钮控制图层的添加与删除，加快地图的加载速度，先看效果 mapbox地图的展示在上一篇博客：mapbox地图展示链接1、html部分添加一个控制图层显示与隐藏的按钮<div> <el-button @click="add3dLayers">{{ addLay...
2019-12-12 17:37:33
1359
原创 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
7501
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
581
原创 webpack打包vue项目
自己总结一下vue项目的打包build文件夹下的utils.js文件 —> 添加：publicPath: “…/…/”, if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: "../../", fallb...
2019-10-29 11:23:32
255
原创 判断输入值是否为数字
<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
687
原创 百度地图地址逆解析（循环显示点信息，涉及到同步异步） 优化
从接口获取数据，坐标的字段为gps地址逆解析结果判断，当地址不存在（即点在无法解析出来的地方，要进行筛选）下面就是全部的代码getData() { fetchData().then(res => { res.data.forEach(item => { // 循环所有的数据，取出需要用到的字段 if (item.gps) { // 先判断坐标存在，才能往地图上添...
2019-10-23 10:56:49
1348
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
3286
原创 vue表单判断必填项
<template> <!-- 弹框部分 --> <el-dialog :visible.sync="dialogAdd" width="30%" > <div slot="title" :style="{color:colorstatus[dialogStatus]}"> ...
2019-10-11 14:43:44
22682
原创 百度地图 地理信息可视化样式（涉及到异步获取数据）
调用百度地图接口，初始化地图的同时调用数据接口，获取数据进行判断之后再将数据渲染到地图上<template> <!-- 地图部容器 --> <div id="allmap" ref="allmap"/></template><script>import { fetchList } from '@/api/hom...
2019-09-27 11:15:17
630
原创 vue日期选择器 （快捷部分内容修改为自定义时间范围）
第一张是element-ui自带效果，第二张是替换后的呈现看官方文档可知，最近一周的文字及函数是存放在shortcuts里的。shorts里包含了两部分内容。一部分是文本text，另一部分是当前文本的点击事件。所以只要将需要放置的内容遍历存放进去就行了我是给了一个按钮button，打开一个弹框，弹框开启时，就调用接口将数据填到时间组件里<template> &l...
2019-09-25 17:23:05
1779
原创 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
942
原创 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
3386
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
305
原创 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
9366
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
3322
4
原创 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
2020
原创 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
4137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人