weixin_44000275的博客

前言最近做了一个地图项目，用的技术是vue-baidu-map，临近收尾的时候被告知要做离线版本，真的憋屈。而网上近乎所有的技术博客都是对于原生地图api的，对于vue-baidu-map这个组件的技术博客是没有的（我没找到），这里记一下，供之后的参考。技术vue-baidu-map实现步骤1、安装vue-baidu-mapnpm install vue-baidu-map --save2、全局或局部使用（这里展示局部使用的）图中箭头所指为百度api的秘钥3、下载百度api的js文件

效果图代码<template> <div> <span class="toAD" v-for="(item, index) in value" :key="index"> <div class="qwNumBox" style="width: 36px; height: 48px" v-for="(ite, inde) in item" :key="inde"

前言之前写的一篇自制手风琴模式的菜单文章，只能实现点击切换和刷新切换菜单项的选中状态，在用其他方式如this.$route.push跳转时，发现菜单并没有改变选中状态，这里记一下，法线用这里的方法比之前的更加简洁简单。代码html：actName是计算属性名，openName是data中的一个字段:active-name='actName' :open-names="openName"javascriptdata: activeName:'1',//选中菜单项

mapStyle: { styleJson: [ { featureType: "land", elementType: "geometry", stylers: { color: "#212121", }, }, { featu...

使用前提iview menu菜单中是有自带手风琴模式的。1、在菜单项没有子菜单时，点击一个会去除之前的菜单项选中状态的2、在munu全为子菜单时添加accordion便能大道手风琴效果这里不赘述。目标效果如图，点击数据报表这种时，会关闭警示信息这种之前展开的子菜单项，在展开警示信息这个子菜单时会清除数据报表的选中状态并自动选中子菜单第一个项。原理是修改绑定的展开或选中项的name值，之后通过官方方法更新菜单状态。注：熟悉的可以直接拉到代码实现的第三项事件，相信会有所启发！代码实现1、H

前言自适应这个东西整了一下午，感觉网上的东西有很多坑，这里记录一下技术1.vue-echarts这里用的vue与echarts结合的组件化的东西代码1.页面 <v-chart :options="orgOptions" style="width: 100%;height:100%;" :auto-resize="true" ref="chart" />这里的style是必须的，意思是填充上一层盒子ref也是必要的

前言由于学习时间有限，只测了容器的属性，它的一些事件没有尝试，后面又用到在说吧，干货全在代码注释中示例基本涵盖了所有的属性1.template<template> <div> <baidu-map class="map" :center="mapItem.center" :z...

前言这一章就全是copy了，记录一下相关的百度地图基础，后续会对这些东西进行整理补充说明正题基础全局组件事件事件名 参数 描述ready {BMap, map} 地图组件渲染完毕时触发，返回一个百度地图的核心类和地图实例。百度地图组件是异步加载，请不要尝试在组件的生命周期中访问 BMap 核心类和 map 实例，如有需要，请在所需组件的 ready 事件回调函数的参数中获取。全局组件...

前言项目中要使用到百度地图，但是要在vue中写，但是又不想用官网给的api在html上写的方式，想用组件化的方式感觉要高端一点，这里就记一下，以便于自己后面阅读，如有什么差错，各位大佬海涵并纠正哟。引入1、安装npm install vue-baidu-map --save我用的项目直接就全局注册了，不想整局部注册这些花里胡哨的东西。2、main.js加入import Vue fr...

前言每次记一点，学的多一点内容1.内联样式标签中：<div class="list-l-r" ref="listLR" >mounted:console.log(this.$refs.listLR.$el.style)2.class样式document.getElementsByClassName('list-l-r')...

前言上一篇文中说到，mavon-editor要怎么展示出来呢，请看分解干货内容先引入吧同样是局部调用import {mavonEditor} from "mavon-editor";import "mavon-editor/dist/css/index.css";2.配置展示参数用到了compute computed: { prop () { ...

前言最近想在vue项目中使用markdown编辑器，发现mavon-editor，这个东西挺好的，先记录下来吧！有错的地方希望指出哦安装npm install mavon-editor使用因为我项目中只有小部分组件要用它，所以用的是局部引入组件的方法，这里以局部注册为例，想要全局注册的可以搜一下，大同小异啦。组件前加入这两句import {mavonEditor} from "...

前言今天用了一下iview的表单组件，复制官网的，但是发现报错一大堆，这里来总结一下，以便日后查看正文1.validate undefined在i-form中加属性rel,并且属性信息要与点击事件调用的方法中的参数相同2.Failed to resolve directive: ref这个报错并不是没有1中的操作，虽然没有1好像也会有错的，但这里的错时因为复制官网上的代码多了v-ref...

1.准备工作vuex,router2.关键内容：一.vuex中state中status:false,判定是否登陆3.开始写main.js中：router.beforeEach((to,from,next)=>{ if(to.name=='user') //即将进入用户 { if(store.state.status==false){ //判断登陆状态 ...

前言昨天在写axios取出后台数据时，不能给组件定义的data中的数据传值，开始的时候以为是不是生命周期钩子用错了，后来发现没错，又以为是不是promise异步的问题，发现也不是，最后查询资料发现是一个很小的写法问题，现在分享一下，供大家参考：1.相关值与代码template：{{chose}}data:function(){return{ chose:'这是测试1'}}钩子：b...

一.vue/cli1.npm WARN vue-virtual-scroller@1.0.0-rc.2 requires a peer of vue@^2.5.21 but none is installed. You must install peer dependencies yourself.解决方案：1).npm install -g npm-install-peers2).npm ...

vue-router学习心得–创建一个简易的导航1.引入vue.js和vue-router.jsvue-router.js在https://unpkg.com/vue-router/dist/vue-router.js中去复制 <script src="lib/vue.js"></script> <script src="lib/vue-router....