![](https://img-blog.csdnimg.cn/20200301211434801.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 76
Vue相关
五月闲云一野鹤
活力,热爱,坚持,努力!
展开
-
vue使用element-ui上传组件 遇到上传成功之后本次请求服务端返回文件流再次下载问题
需求简单需求,上传文件之后服务端处理完文件的数据,本次接口请求返回文件流,前端再把该文件流下载下来。原创 2022-03-06 23:30:25 · 2018 阅读 · 1 评论 -
Vue项目设置反向代理和cookie设置问题
项目场景: 最近使用Vue开发一个新的项目,因为服务器还没到,调取后端本地接口,因为没有跨域,就开反向代理。后面就被一个很基础的东西踩了坑,就是 cookie的一些知识,记录一下,加深一下印象。问题描述: 联调过程中,发现调用登录接口之后,再去调其他接口,就会报登录状态失效,之前做了好久小程序的项目,突然遇到这种有点懵逼。 原因分析: 首先,出现这个问题,问了下后端,后端说是Cookie没有传给他。然后我们来确认下Cookie的定义和作用是什么? HTTP 协议中的 Cookie 它包原创 2020-10-30 23:11:47 · 2301 阅读 · 3 评论 -
在Vue中使用高德地图开发工具
在Vue中使用高德开发工具非常简单,只需要在你的public中的index.html中,导入一条链接即可。<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 一般使用高德地图中,里面有各种各样的插件,你可以直接在链接上...原创 2020-03-01 22:19:54 · 813 阅读 · 0 评论 -
vue结合高德地图Api开发,实现一个点覆盖物和信息窗口结合,展示点位相关信息组件
前段时间一直在结合高德地图的api进行数据可视化开发,这也是前端的一个趋势,网上关于这些的文章都比较少,最好还是去高德去看官方文档,然后去琢磨怎么玩。先说下我这个应用场景吧,一般我们做地图可视化开发,边上会有些表格啊,或者点位表述,然后我们点击这个点的那个div或者表格的那行,然后就在地图上标记这个点显示出来,并展示跟这个点位一些数据。大概就是这样一个功能吧。看上去,更加专业,还知道位置在哪。...原创 2020-03-01 21:13:15 · 1186 阅读 · 1 评论 -
Vue自定义拖拽指令(元素的拖拽)并实现自定义指令遍历注册
描述实现元素的原创 2020-02-01 17:49:37 · 839 阅读 · 0 评论 -
Vue开发微信公众号调用微信JS-SDK的分享接口(实现微信公众号分享功能)
描述使用微信提供的分享功能,其实就是JSSDK使用,使用它提供的接口功能。可以先看下微信公众号开发文档,上面介绍的很详细。提供了那些功能,怎么去使用。https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#67代码绑定域名这个不需要说了。引入js文件的话直接在Vue项目中找到index.html...原创 2020-01-31 20:37:37 · 1808 阅读 · 1 评论 -
Vue(hash模式)开发微信公众号处理分享页面中分享链接中#后面的地址截取问题
描述使用Vue开发公众号时,分享链接的时候遇到这个问题,会把#后面的地址都截取,然后会跳到首页去。如果使用history模式下的话就不存在这个问题了,不过Vue开启这种模式,还需要后台配置支持。问了下我们后端,直接说不会,没办法,只能自己想办法来解决了。思路当时大致搜了下,各种方法也尝试了,转码,拼接什么的都没有用,后面采用了一个中转页面来帮我实现跳转才做好了。其原理大致就是写一个第三方的...原创 2020-01-31 16:32:05 · 2297 阅读 · 0 评论 -
基于Vue结合高德地图api做的一个坐标拾取组件
描述最近需要做一个地图坐标拾取的功能,根据用户点击的位置,获取当前点击位置的经纬度。根据用户输入的经纬度然后标记到那个点位。用高德地图写了一个这样的组件。实际效果:说明如果对高德地图很熟悉的话,其实实现很简单。用户点击地图获取经纬度实现:监听用户在地图上的点击事件,获取到点击位置的经纬度,然后拿着这个经纬度,高德地图有个点标记工具,在那个位置标记这个点。用户输入经纬度在地图上标点...原创 2020-01-22 19:16:23 · 2840 阅读 · 1 评论 -
Vue生命周期详解(个人的基本理解)
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。下图展示了实例的生命周期。挂载(初始化相关属性)1.beforeCreate当new Vue 实例的时候,还没有根据配置对象来进行Vue实例的具体配置...原创 2019-12-21 21:34:03 · 267 阅读 · 0 评论 -
Vue页面与页面之间的传值(router.push()编程式导航)
页面与页面之间跳转传值,其实我们一般用两种,query传参或者用params其实这两个方式都是页面导航的一种,编程式导航:通过调用JavaScript形式的API实现导航的方式,大家不了解的可以去官网看下,比较基础的东西。其实就是用了router.push()方法,来实现页面之间的传值,只不过有不同的参数规则。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,...原创 2019-12-21 11:22:22 · 1135 阅读 · 0 评论 -
Vuex状态管理工具详解
自己重新整理了下,方便学习交流。首先Vuex他是什么,此处从官网截图:可以集中式存储管理应用的所有组件状态使用1.安装vuex依赖包。npm install vuex --save2.创建一个store的文件夹,里面新建一个index.js文件,专门来处理vuex的数据,逻辑。3.导入vuex包,创建store对象。import Vue from 'vue'import Vu...原创 2019-12-18 23:27:41 · 213 阅读 · 0 评论 -
Vue组件通信(父子组件传值,非父子组件传值)
主要是整理给自己用的一些面试常用题,这里记录一下vue组件间通信几种方式。父组件传值到子组件(父传子)先定义一个子组件,这里我在component文件夹里定义一个child.vue子组件<template> <div class="about"> <h1>这里是子组件的变量接受的变量{{msg}}</h1> &...原创 2019-12-17 12:54:28 · 174 阅读 · 0 评论 -
利用html2canvas和vue-qr生成带头像二维码的分享海报(二)
描述一个关于微信公众号生成海报的一个demo,就给一张图片,然后以这张图片打底,生成一张带头像的二维码的海报,可以保存到手机里面,方便用户推广。之前有一篇相同实现相同功能的,利用canvas写的一个demo,这一次是优化了了前面,使用了html2canvas和vue-qr这两个插件来实现这个需求。想看前面的那篇可以点击下面的链接https://blog.csdn.net/qq_3713188...原创 2019-11-23 23:29:55 · 264335 阅读 · 0 评论 -
利用canvas和vue_qrcodes生成带二维码头像的海报(一)
描述一个关于微信公众号生成海报的一个demo,就给一张图片,然后以这张图片打底,生成一张带头像的二维码的海报,可以保存到手机里面,方便用户推广。类型下图效果:声明:这里的测试图片来自花瓣https://huaban.com/,如有侵权,联系删除,谢谢。说明生成二维码这里使用了插件vue_qrcodesnpm install vue_qrcodes感兴趣的可以去这里看下https...原创 2019-11-23 21:32:44 · 502675 阅读 · 1 评论 -
vue-cli 3.0的跨域问题解决和对axios路径配置
描述最近一个项目,调节口的时候,出了这个问题,然后配了下,记录下,也有个地方可以保存。直接上实现步骤在vue.config.js的module.exports = {}里面新增一个节点,如果没有这个节点,在项目根目录新建一个即可。上代码module.exports = { devServer: { proxy: { '/api': { target...原创 2019-11-03 21:25:30 · 410 阅读 · 0 评论