vue
日常随记vue
甜甜圆圆圈圈
能做对手的,总是知己
展开
-
vue通过数据流实现文件下载
需求后台管理系统需要导出当前条件下的数据为.xls文件前置条件后台通过数据流的形式返回文件实现1、配置请求头axios({ responseType: 'blob',//配置数据类型 headers: { 'Content-Type': 'application/json' }, url:'', data,})2、数据转换axios({ responseType: 'blob',//配置数据类型 headers: {原创 2020-08-20 14:32:19 · 1482 阅读 · 1 评论 -
vue的孙组件获取祖组件数据的方法
项目中遇到一个问题,使用第三方插件的组件库会导致自己封装的组件库无法通过this.$parent.data获取父组件的数据(严格意义上讲这个父组件应该是祖级组件)在无意尝试中发现使用在孙组件里使用this.$parent.$parent.data即可获取到祖级数据。<template> <div id='detail'> <!-- 第三方框架封装的组件 ...原创 2020-03-24 10:38:43 · 3316 阅读 · 3 评论 -
vue扫描二维码
需求:利用vue实现二维码扫描;插件:QRCodeReader;注意:需要在https协议下才可以调用相机,实现扫码。<template> <div> <p class="error">{{ error }}</p><!--错误信息--> <p class="decode-result...原创 2020-03-31 17:02:17 · 7200 阅读 · 25 评论 -
vue中使用mapBox绘制圆形范围
需求:根据给定经纬度坐标绘制给定半径的圆形区域。代码:<template> <div> <div id="map"></div> </div></template><script type="text/ecmascript-6"> //npm install ...原创 2020-03-24 10:54:23 · 3580 阅读 · 4 评论 -
vue实现mapBox地图的使用及通过H5获取位置信息并回显至mapBox地图中
/* 1、下载mapbox npm install --save mapbox-gl 或 cnpm install --save mapbox-gl 2、修改语言为中文 2.1、下载语言包cnpm install --save mapbox-gl 2.2、安装语言包 cnpm install --save mapbox-gl @mapbox/mapbox-gl-...原创 2020-03-20 11:41:21 · 1589 阅读 · 0 评论