vue
文章平均质量分 56
勇PAN高峰
这个作者很懒,什么都没留下…
展开
-
element-ui 二次封装系列- button(二)
看此篇前,请阅读上一篇https://blog.csdn.net/sky2714/article/details/112494719在上一篇中, 我们用一个简单的 autoLoading属性 二次封装了el-button得到了pl-button组件,本篇中,我们继续丰富pl-button组件.和自动loading相似,我们经常会有点击按钮需要弹窗二次确认的情况,如:点击删除按钮时,我们需要使用messageBox组件进行二次确认 this.$confirm('此操作将永久删除该文件, 是否继续?',原创 2021-01-11 21:25:15 · 755 阅读 · 0 评论 -
element-ui 二次封装系列- button
elementUI是一个vue.js的ui框架, 在做后台管理系统等方面非常出色,然而面对重复的后台管理系统,大量重复的代码, 这里我们将使用elemnt ui做二次封装,以扩展element ui的属性 来简化代码.本文以 el-button为例el-button是最简单的组件了,所有操作都需要用到它, 它仅对外提供click事件.在平时工作中,我们经常遇到一个 重复点击的问题,点太快了接口没有返回会导致多次重复请求,这时我们会想到使用防抖或节流,或者使用el-button的loading属性, 如果原创 2021-01-11 21:19:38 · 2141 阅读 · 2 评论 -
vue-cli配置环境变量
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常对这个都不陌生,用这个最多的基本就是我们配置ajax请求的域名头了,if (process.env.NODE_ENV ...原创 2018-07-08 18:30:42 · 3709 阅读 · 0 评论 -
Vue下路由History模式打包后页面空白
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往往会碰到history模式打包后页面一片空白的情况,而且没有资源加载错误的报错信息.这个其实仔细研究下会发现,如果项目直接放的跟目录, 那么是没有问题的,如果是子目录,那么就会一片空白了.这个vue官...原创 2018-07-02 17:15:09 · 6302 阅读 · 0 评论 -
Vue微信授权登录前后端分离较为优雅的解决方案
微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份. 微信授权登录的机制这里不做详述,微信官方文档已有详述,简述就是通过跳转微信授权的页面,用户点击确认后,微信会跳到回调页面,此时回调页面url上会携带code参数,通过code参数,后端可以拿code换取拥护openid,或者用户信息 ...原创 2018-06-28 13:54:14 · 13577 阅读 · 4 评论 -
使用async await 封装 axios
es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以建一个api.js文件,全局创建api实例.import axios from 'axios'const qs = require('qs')const api = { async g...原创 2018-07-07 13:18:30 · 10777 阅读 · 0 评论 -
Vue自定义指令封装节流函数
节流函数是web前端开发中经常用到的一个开发技巧,在input实时搜索,滚动事件等,为了避免过多消耗性能,我们都会使用节流函数.在《JavaScript高级程序设计》一书中有这样的一个例子: function throttle (method, context) { clearTimeout((method.tId)) method.tId = setTimeout(funct...原创 2018-07-07 23:45:07 · 2850 阅读 · 1 评论