摘要: 注:本文基于上一篇文章【 Vue-Cli 3.0 中配置高德地图 】 ,采用直接引入高德 SDK 的方式来使用高德地图api 一、效果图 二、组件要实现的功能 1. 如果有传入坐标点,则定位到坐标点 2. 如果没有传入坐标点,则定位到当前所在位置 3. 定位成功要在右侧显示经纬度和地址 4. 可以通阅读全文
posted @ 2019-06-21 13:41 similar 阅读(97) 评论(0) 编辑
摘要: vue 中使用高德地图有两种方式 一、vue-amap 组件 官网: https://elemefe.github.io/vue-amap/#/ 开始的时候是打算用这个组件做地图功能的,但是尝试之后存在些问题,所以就放弃了,可能是我的使用方式不对。我所遇到的问题: 1. 安装之后使用,始终提示跨域问阅读全文
posted @ 2019-06-19 13:01 similar 阅读(216) 评论(0) 编辑
摘要: 一、 目录结构截图 二、 目录结构说明 - documents 存放项目相关的文档文件 - api api 数据接口目录 - assets 资源文件目录 - components 组件存放目 - mixins vue 混入代码目录 - mock mockjs 数据接口目录 - router 路由 -阅读全文
posted @ 2019-06-16 12:36 similar 阅读(44) 评论(0) 编辑
摘要: 一、项目效果图预览: 二、项目介绍 基于 elementui 写一个自己的管理后台。这个系列文章的目的就是记录自己搭建整个管理后台的过程,希望能帮助到那些入门 vue + elementui 开发的小伙伴。之前有写过一个很简洁的版本,但觉得那个版本太粗糙,也没有相关的搭建过程讲解,学习意义不大。所以阅读全文
posted @ 2019-06-15 12:08 similar 阅读(36) 评论(0) 编辑
摘要: 注: 依赖第三方插件 clipboard 一、安装插件 二、全局注入(main.js) 三、使用 四、效果图阅读全文
posted @ 2019-04-23 17:10 similar 阅读(259) 评论(0) 编辑
摘要: 错误原因: 子组件 props -> list 要求接收的数据类型是 Array, 然而实际接收到的是 Undefined。 子组件代码: 所以检查父组件传过来的值,保证传过来的值是子组件所期望的数据类型即可。阅读全文
posted @ 2019-04-15 17:52 similar 阅读(598) 评论(0) 编辑
摘要: axios 默认是 Payload 格式数据请求,但有时候后端接收参数要求必须是 Form Data 格式的,所以我们就得进行转换。Payload 和 Form Data 的主要设置是根据请求头的 Content-Type 的值来的。 Payload Content-Type: 'applicati阅读全文
posted @ 2019-04-10 13:12 similar 阅读(1176) 评论(0) 编辑
摘要: 输入框的 change 和 blur 事件绝大多数情况下表现是一致的,输入结束后离开输入框会先后触发 change 和 blur。那么这两个事件的区别在哪呢? 当文本框获得焦点后,没有输入任何内容,或者最终文本框的值没有改变时,是不会触发 change 事件的,而 blur 事件始终会触发。如果希望阅读全文
posted @ 2019-04-08 13:27 similar 阅读(405) 评论(0) 编辑
摘要: 错误原因: 当给子组件设置 props 属性时,如果参数类型是 Array 或 Object ,它的默认值必须是由工场函数返回,不能直接赋值 错误代码: 正确代码: 注意事项:当是 Object 类型时,而且又使用 箭头函数时,如果设置默认值为空对象,必须加上括号 错误代码: 正确代码:阅读全文
posted @ 2019-03-21 14:01 similar 阅读(217) 评论(3) 编辑
摘要: 项目基于ElemnetUi进行的开发,在引入第三方扩展库 vue-element-extends 之后使用它的表格组件报了这个错 解决方案: 1. 删除项目中的 node_modules 2. 删除 package-lock.json 3. npm cache clean --force 4. np阅读全文
posted @ 2019-03-13 12:20 similar 阅读(315) 评论(0) 编辑
摘要: 错误消息如图: 如果你看到此错误消息,则说明 v-for 指令的 key值 重复了,只需修改你的 key值 让其不会重复即可。阅读全文
posted @ 2019-02-25 11:53 similar 阅读(847) 评论(0) 编辑
摘要: mockjs 官网:http://mockjs.com/ 之前没有使用过 mockjs 的同学,请参考官网文档,数据生成规则和方法的调用都有详细说明。 一、通过npm安装依赖包 1. 进入到项目目录,执行指令: npm install mockjs -D 由于mockjs是用来模拟数据的,只有是开发阅读全文
posted @ 2019-02-21 16:19 similar 阅读(370) 评论(0) 编辑
摘要: ElementUI 官网: http://element-cn.eleme.io/#/zh-CN/component/installation 一、通过npm安装依赖包 1. 进入到项目目录,执行指令 : npm i element-ui -S 2. 安装成功后 package.json 中可以看到阅读全文
posted @ 2019-02-21 15:33 similar 阅读(1693) 评论(0) 编辑
摘要: 项目在build的时候报的这个错误: 具体原因是因为版本支持的问题,publicPath 属性到 vue-cli 3.2.0 之后才支持,所以将 publicPaht 改成 baseUrl 即可,或者升级你的 vue-cli 。阅读全文
posted @ 2019-02-21 13:56 similar 阅读(3173) 评论(0) 编辑
摘要: 一、安装 VUE CLI 3.0 官网: https://cli.vuejs.org/ 详细资料可以自己先把官网过一遍。 1. 安装(默认你的电脑上已安装node及npm) 2. 检查版本 二、创建项目 (用的cmd工具) 1. 利用 cd 指令进入到指定目录,即你的项目想放在哪个地方就进入到哪个目阅读全文
posted @ 2019-02-21 12:11 similar 阅读(279) 评论(0) 编辑
摘要: 一、效果图 二、思路 1. 定义两个 CSS 过度动画,前进与后退: slide-right-enter 和 slide-left-enter 2. 给路由配置meta信息,设置各个路由的级别: index 3. 监控路由跳转,比对 meta 信息级别,如果从大跳转到小说明是返回,从小跳转到大则是前阅读全文
posted @ 2019-02-17 00:33 similar 阅读(489) 评论(0) 编辑
摘要: 一、效果图 二、说明 这类提示框组件我们通常都会直接在 JS 代码中进行调用。像下面这样: 但看到网上大多数还是通过 component 方式实现的,这样的话我们在使用的时候还要在 DOM 中放置一个组件元素,然后通过一个变量来控制它的显示隐藏,这样使用起来非常的不方便。那么有什么方法可以不用在 D阅读全文
posted @ 2019-01-26 20:41 similar 阅读(657) 评论(0) 编辑
摘要: 一、项目链接 GitHub 地址: https://github.com/imxiaoer/ElementUIAdmin 项目演示地址:https://imxiaoer.github.io/ElementUIAdmin/dist/index 二、项目依赖 1. 数据请求 "axios": "^0.1阅读全文
posted @ 2019-01-08 17:47 similar 阅读(1397) 评论(5) 编辑
摘要: 这里我们通过npm来进行安装 1. 安装 webpack 2. 通过 webpack -v 命令查看当前安装的版本 此时如果你想通过 webpack -v 命令来查看当前安装的版本,会出现如下提示信息 上面的提示意思就是说,webpack-cli 已经分离为一个单独的包,需要单独安装它才能运用 we阅读全文
posted @ 2018-11-15 18:00 similar 阅读(279) 评论(0) 编辑
摘要: 一、更新npm 二、更新nodejs 1. 首先通过 where node 命令找到nodejs的安装路径 2. 然后去官网下载最新的nodejs进行安装,安装路径与你之前的安装路径相同,覆盖掉之间的版本阅读全文
posted @ 2018-10-15 17:28 similar 阅读(325) 评论(0) 编辑