首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
勇PAN高峰2
掘友等级
前端菜鸟
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
赞
243
文章 238
沸点 5
赞
243
返回
|
搜索文章
最新
热门
element-ui 二次封装系列- button(四)(vue3版本)
前面三篇介绍了利用el-button扩充三个功能,本文我们将三个功能合并在一起并使用vue3+element-plus来完善上述组件中,我们使用vue3+element-plus对el-button扩
element-ui 二次封装系列- button(三)
很多时候 ,我们希望按钮能有一个 tooltip的功能,鼠标放在按钮上能够展示一些解释性的文字,el-tooltip组件正是实现这个功能的,但是直接用el-tooltip组件代码非常多,需要将el-button作为slot插入内容,如果能直接给button上添加content自…
element-ui 二次封装系列- button(二)
在上一篇中, 我们用一个简单的 autoLoading属性 二次封装了el-button得到了pl-button组件,本篇中,我们继续丰富pl-button组件. 如上代码,这种场景是非常多的,虽然仅仅就是一个确认,但每处都写,实属麻烦,重复代码过多,如果能够点击button自…
element-ui 二次封装系列- button
elementUI是一个vue.js的ui框架, 在做后台管理系统等方面非常出色,然而面对重复的后台管理系统,大量重复的代码, 这里我们将使用elemnt ui做二次封装,以扩展element ui的属性 来简化代码. 本文以 el-button为例el-button是最简单的…
vue-cli配置环境变量
通常会有测试服务器和正式服务器环境之分,我们请求的域名也得区分,所以通过proces.env.NODE_ENV来区分环境变量,通过这个能够全局访问的参数,我们可以处理很多需要环境处理不同的操作. 上面的process.env.NODE_ENV是vue-cli默认配置的,有时候我…
Vue自定义指令封装节流函数
这个就是很典型的函数节流的应用,不多解释,本文通过vue的自定义指令封装类似的方法. 以上代码实现了一个实时搜索类的函数节流,通过vue自定义指令v-debounce实现.原本,如果我们想做一个实施搜索,那么会直接用@keyup=search,这样就会非常耗性能,键盘敲一下,就…
使用async await 封装 axios
es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以建一个api.js文件,全局创建api实例. 上述代码中,首先采用try,ca…
Vue下路由History模式打包后页面空白
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往往会碰到history模式打包后页面一片空白的情况,而且没有资源加载错误的报错…
Vue微信授权登录前后端分离较为优雅的解决方案
微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份. 上述代码基本阐述了一个授权的过程,首先,我们在配置vue路由的时候,设置此路由是否需要登录即给router的meta加一个noA…
最简单的移动端适配方案(rem+vw)--没有之一
rem 这个单位对于前端来说并不陌生了,在移动端适配方面,我们经常会用到它,通常我们会采用类似淘宝flexible.js 的方案, 写px,然后通过插件转化成rem,然后得出一堆小数值的rem单位.淘宝这个方案已经用了很多年,兼容性很好,然而现在已经2018年了,许多兼容性问题…
下一页
个人成就
文章被点赞
286
文章被阅读
65,409
掘力值
1,428
关注了
34
关注者
62
收藏集
0
关注标签
18
加入于
2017-02-10