晓光同学的博客

Vue项目中天地图的使用

1. 安装sass依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass第一种：Module build failed: TypeError: this.getResolve is not a function如果运行之后项目报错Module build failed: TypeError: this.getResolve is not a functi

一、安装axiosnpm i axios -D二、在src目录下创建request文件夹，并在文件夹创建http.js和api.js两个文件http.js:import axios from 'axios'import { reject, resolve } from 'core-js/fn/promise'import VueRouter from 'vue-router'import { config } from 'vue/types/umd'//环境的切换if(pro

最近刚好项目里需要用到tab切换显示echarts,也同样出现了图表总是刷不出来的问题,什么v-if之类的有点扯，直接上我自己的解决办法。代码部分：每次tab切换时我们只需要重新获取到该标签，然后调用一下resize就行。记住：该方法写在切换到指定页面的事件里面。以我的例子来说onViewShow就是在tab切换视图显示的事件里掉用echarts获取元素标签，然后resize() $$('chart).getNode() //实际就是获取该图表的标签 在VUE中使用el-tab切.

1、Vue组件中如何引入iframe？2、vue如何获取iframe对象以及iframe内的window对象？3、vue如何向iframe内传送信息？4、iframe内如何向外部vue发送信息？一、Vue组件中如何引入iframe？<template> <div class="act-form"> <iframe :src="src"...

Vue2+VueRouter2+Webpack+Axios 构建项目实战（十一）打包项目图片等资源的处理前情回顾在《Vue2+VueRouter2+Webpack+Axios 构建项目实战（十）打包项目并发布到子目录》章节中，我们讲解了项目打包，默认，是打包在根目录下面的。当然，我们可以通过设置，打包到任意子目录中去。但是，我们之前的项目是没有引入资源的。比如，引入图片资源

Vue2+VueRouter2+Webpack+Axios 构建项目实战（十二）集成 UEditor 百度富文本编辑器前情回顾通过前面系统的学习，我相信大家都能够对 vue 项目有了一个基本的认知。现在是不是已经开始上手做自己的项目了呢？呵呵，当然这是极好的。但是我们一般用 vue 来制作管理后台，在制作管理后台的时候，不可避免的，我们需要用到富文本编辑器。我尝试过 git

Vue原本有一个官方推荐的ajax插件vue-resource，但从Vue更新到2.0后，官网不再更新vue-resource，目前主流的Vue项目，都选择axios来完成ajax请求。使用cnpm安装axioscnpm install axios -S安装其他插件的时候，可以直接在main.js中引入并Vue.use(),但是axios并不能use，只能每个需要发送请求的组件中即时引入，解决这个...

1.node环境安装下载地址：https://nodejs.org/en/2.node环境检测2.1建议使用gitbas2.2右键空白，选择Git Bash Here2.3输入node -v,如果输出版本号，说明安装node环境成功，可以用npm -v查看npm的版本号3.vue-cli脚手架安装3.1如果访问外网比较慢，可以使用淘宝的镜像https://npm.taobao.org/输入命令 ...

Vue2+VueRouter2+Webpack+Axios 构建项目实战（十）打包项目并发布到子目录前情回顾通过上一章《Vue2+VueRouter2+Webpack+Axios 构建项目实战（九）再把内容页面渲染出来》的学习，我们其实已经完成了我们设想的项目的开发。但是，我们做好的这套东西，是基于 nodejs 开发的。而我们最终希望，我们开发的项目，生成好一堆文件，然后随便通过

Vue2+VueRouter2+Webpack+Axios 构建项目实战（十三）在项目中使用 jQuery前情回顾在上一篇博文中，我们讲到了，如何在 vue 项目中 使用百度的 UEditor 富文本编辑器，详情点击《Vue2+VueRouter2+Webpack+Axios 构建项目实战（十二）集成 UEditor 百度富文本编辑器》。相信大家对引用这种非 npm 的包有了一定的认识。很多人学习...

Vue2+VueRouter2+Webpack+Axios 构建项目实战（二）安装 nodejs 环境以及 vue-cli 构建初始项目在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述》中，我简要的说明了我为什么要写这个系列的博文，以及我们需要了解的一些基础知识。希望你已经认真阅读，并查阅了一定量的相关资料。对我们要做的事情

Vue2+VueRouter2+Webpack+Axios 构建项目实战（三）认识项目所有文件在《Vue2+VueRouter2+Webpack+Axios 构建项目实战（二）安装 nodejs 环境以及 vue-cli 构建初始项目》中，我们通过安装 nodejs 系统环境，以及 vue-cli 脚手架工具，在执行完命令后，我们就已经将一个初始项目跑起来了。但是，我们的项目代码，

Vue2+VueRouter2+Webpack+Axios 构建项目实战（五）配置 Axios api 接口调用文件前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战（四）调整 App.vue 和 router 路由》，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。vue

Vue2+VueRouter2+Webpack+Axios 构建项目实战（四）调整 App.vue 和 router 路由前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战（三）认识项目所有文件》，我们已经重新整理了我们的目录结构，如果你已经忘记了，可以先去看一下。如果你按照我的结构框架去调整了之后，那么，现在你的项目应该是出错，并且

Vue2+VueRouter2+Webpack+Axios 构建项目实战（六）将接口用 webpack 代理到本地前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战（五）配置 Axios api 接口调用文件》中，我们已经非常顺利的调用到了 cnodejs.org 的接口了。但是，我们可以注意到我们的 src/api/index.js 的

Vue2+VueRouter2+Webpack+Axios 构建项目实战（七）初识 *.vue 文件前情回顾在上一篇文章《Vue2+VueRouter2+Webpack+Axios 构建项目实战（六）将接口用 webpack 代理到本地》中，我们顺利的将接口代理到了本地。需要说明的是， cnodejs.org 的这套接口是没有跨域问题的，也就是说，本来我们是不需要代理到本地的。但是

Vue2+VueRouter2+Webpack+Axios 构建项目实战（八）渲染一个列表出来先前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战（七）初识 *.vue 文件》中，我们队 vue 组件应该有了一个简单的认识。如果你去看了官方文档的话，再看这篇博文会比较简单。如果你没去看，呵呵，恭喜你，我喜欢你这样的人。好，这章开始

Vue2+VueRouter2+Webpack+Axios 构建项目实战（九）再把内容页面渲染出来前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战（八）渲染一个列表出来先》中，我们已经成功的把一个列表给渲染出来了。我们从文章中留下的引子 <router-link :to="'/content/' + i.id"> 应该知道，我们还是

Vue2+VueRouter2+Webpack+Axios 构建项目实战（一）基础知识概述基本理念通过对接 cnode.js 的公开 api 的列表，以及详情页面，实现一个超小型的项目实战，尽可能的掌握 vue 的项目入门的各项关键配置。 本系列博文不涉及 vuex 的内容。因为这部分内容属于比较高阶的内容，并且在大多数中小型项目中是没有多大用处的。所以情况是，大多数情况下