- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue + 百度地图 地址搜索并定位
1、先上效果图2、实现方法：<el-input v-model="searchKey" clearable placeholder="请输入搜索地址" @keyup.enter.native="mapSearch"> <el-button slot="append" icon="el-icon-search" @click="mapSearch" /></el-input>methods:init(){ const map = new BMapG
2021-05-25 16:46:06
1440
原创 vue + 百度地图 点选地址（地址逆解析）
1、先上效果图：2、实现方法：百度地图的引用方法本篇文章没有提及，需要的可以去百度地图官网查看具体引入教程。参考官网demo例子<div id="map" style="width: 100%;height: 500px" />初始化地图：intiMap(){ const map = new BMapGL.Map('map') // 创建地图实例 const point = new BMapGL.Point(106.553263, 29.557184) // 创建点坐标
2021-05-25 14:42:10
1230
转载 vue + websocket心跳重连机制
data () { return { ws: null,//建立的连接 lockReconnect: false,//是否真正建立连接 timeout: 28*1000,//30秒一次心跳 timeoutObj: null,//心跳心跳倒计时 serverTimeoutObj: null,//心跳倒计时 timeoutnum: null,//断开 重连倒计时 } }, cr
2021-05-24 13:38:22
2027
原创 vue+el-switch开关的使用
<el-table-column prop="showIndex" label="首页展示" width="150" > <template slot-scope="scope"> <el-switch v-model="scope.row.showIndex" active-value="1" ..
2021-05-21 16:44:10
1708
原创 vue + Promise.all的使用
methods:setConfigData1() { return new Promise((resolve, reject) => { const obj = this.form editGatherParams(obj).then(res => {//axios请求接口函数 if (res.code == '200') { resolve('表单1设置成功') } else { .
2021-05-21 09:42:17
241
原创 elementUI自定义主题颜色
1、官方在线主题编辑器，下载自定义主题：在线主题编辑器2、把主题文件夹导入项目中（我重命名为element）：3、在main.js中引入：import ElementUI from 'element-ui'// import 'element-ui/lib/theme-chalk/index.css' //自定义elementUI主题颜色后，此css文件便不再需要引入import '@/theme/element/index.css'Vue.use(ElementUI);...
2021-05-17 17:44:10
333
原创 vue+echarts---标题居中的圆环图
效果图：1、引入插件：vue中使用echarts2、使用： <div class="pie-chart" :style="{height:172+'px'}"> <IEcharts :option="pieOption" :resizable="true" 开启自适应 />
2021-05-13 16:12:30
990
原创 vue+hightCharts---标题居中的圆环图
官网例子在线编辑：官网案例在线编辑先上效果图：实现：1、安装cnpm install highcharts-vue --save2、全局注册--------main.jsimport HighchartsVue from 'highcharts-vue'Vue.use(HighchartsVue)3、使用<highcharts :options="pieOption" :callback="pieCallback" />pieCallback(c) { t
2021-05-13 15:56:35
659
转载 vue自定义指令防止重复点击
PS：参考这篇博客的方法：原博，亲测有效！！1、创建preventReClick.js文件import Vue from 'vue'const preventReClick = function(){ let openDalay = false //不传参点击事件 Vue.directive('click',function(el,binding){//不带参数 el.onclick=function(e){ if(openDalay)
2021-05-13 10:52:44
311
原创 vue+highCharts---仪表盘图
在highcharts组件中引入红框部分的js：效果图：参考option：gradeOption: { chart: { backgroundColor: 'rgba(250, 252, 255, 0)', type: 'solidgauge' }, title: null, pane: { center: ['50%', '95%'], size: '1
2021-05-08 11:48:01
333
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人