![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 66
演员赵诗绎
路长漫漫不可及,悠悠浮云为我寄。
趁年华未散尽,摘得芙蓉与共,拂袖独行不回首。
展开
-
十分钟教你用vant实现下拉刷新上拉加载
十分钟教你用vant实现下拉刷新上拉加载 vant是有赞团队推出的基于vue一套移动端小程序UI框架,不写小程序我也用了下,还是很不错的,刚好今天要做一个移动端上拉刷新下拉加载功能,去网上看的例子当中,没有一个是尼玛能用的,我下面贴出的代码,亲测可用。 选择了上班,以为自己没有了梦想,当孤独来临的时候,如果专...原创 2019-06-27 21:46:59 · 46518 阅读 · 12 评论 -
vue集成vue2-animate插件实现常用动画
vue2集成vue2-animate插件实现常用动画 vue的一些常用动画animate css来实现,针对vue2出现了一款插件vue2-animate,其实更权威的介绍在这里欢迎访问https://www.npmjs.com/package/vue2-animate,看一下如何使用呢?一、安装npmin...原创 2019-05-21 15:00:56 · 11803 阅读 · 1 评论 -
vue开发微信公众号可视化配置菜单
vue开发微信公众号可视化配置菜单 其实一开始我也是懵逼的,我搞不懂微信公众号后台其实已经很好用了,为什么还需要开发一个模仿微信公众号后台的系统呢?而且微信公众号可以绑定多个运营者,都可以和管理员一样可以通过扫码登录来修改微信菜单配置,唯一想明白的就是如果有什么特殊功能需要开启第三方服务(开发者配置...原创 2019-05-14 23:49:21 · 7606 阅读 · 16 评论 -
vue-seamless-scroll实现无缝上下滚动与左右滚动
vue-seamless-scroll实现无缝上下滚动与左右滚动上下滚动与左右滚动是我们很常见的一个功能,利用vue-seamless-scroll可以实现上下滚动与左右滚动,其官方网站地址是https://www.npmjs.com/package/vue-seamless-scroll,可以查看其用法。首先查看一下效果图: 一、...原创 2019-01-08 23:00:32 · 15715 阅读 · 3 评论 -
vue tab实例
vue tab实例vue tab选择是我们很常用的一个小功能,这里只是做一个记录,方便查阅,就举一个简单的例子了。效果如图所示: 一、vue代码(1)html部分<div class="dataSelect"> <ul> ...原创 2019-01-08 21:56:11 · 911 阅读 · 0 评论 -
vue 集成高德地图进行批量标注和信息窗体展示
vue 集成高德地图进行批量标注和信息窗体展示 高德地图进行地理位置的标注和信息窗体展示是我们很常用的一个功能,其实高德api里面已经清楚的说明怎么用了,但是自己总结一下记录在自己的笔记里,也是有些许好处的。高德api 样列展示地址是:https://lbs.amap.com/api/javascript...原创 2018-11-28 15:17:23 · 8152 阅读 · 2 评论 -
手把手教你用element ui搭建后台基础框架
手把手教你用element ui搭建后台基础框架element ui和iview都是vue常用的框架,今天用了一下element ui搭建了一个基础版的后台框架,这里就和大家分享下,首先看一下效果图:实现步骤:1、项目使用vue-cli脚手架2搭建,怎么创建脚手架之前博客已经写过,首先引入element-ui,我这里使用较...原创 2018-10-09 20:49:43 · 12537 阅读 · 0 评论 -
VUE父子组件通信和Clipboard复制功能实现
VUE父子组件通信和Clipboard复制功能实现一、VUE父子组件通信引入组件转标签命名规则是驼峰转横线父组件 handleDelete方法写法:这里展示是一个删除功能子组件父子组件通信情况从上面两张图已经可以明确表示了,说明如下:1、父组件传值给子...原创 2018-08-17 16:21:40 · 699 阅读 · 0 评论 -
VUE登录路由判断
VUE登录路由判断 我们在做无论是网站,还是电商的时候,登录是我们必不可少的一个功能,当我们从登录界面进行登录操作的时候,如果登录成功,我们希望进入到主界面。如果我们是在其他界面进行登录,则我们希望我们登录之后是返回到那个其他界面,这样用户也感觉到更友好。然而历史页面跳转到登录页面的...原创 2018-08-16 16:44:47 · 1425 阅读 · 0 评论 -
vue 实现获取验证码时间递减功能
vue 实现获取验证码时间递减功能 关于获取验证码时间递减的情况,最常用的是出现在注册界面,当我们点击获取验证码之后,然后时间通常为60s递减,那么vue是怎么实现的呢?首先看一下效果图。获取验证码接口就自己去琢磨了哈<template><transition name="bounce" enter-active-class="bounceInLeft" leave-a...原创 2018-07-09 22:00:36 · 1326 阅读 · 0 评论 -
vue 实现仿京东、淘宝省市区三级联动
vue 实现仿京东、淘宝省市区三级联动在做电商或其他项目的时候,物流我们肯定会集成进去,那么我们肯定需要集成地址管理,地址管理除了最基本的省、市、区外,我们还要单独添加一个详细地址字段,不然我们无法精确到详细地址,那么最后我们的详细地址就是省市区加上我们的详细地址字段,好了,我们先来看一下省市区三级联动的效果图其实这个功能可以封装成一个组件呢,我这里面集成了VUX移动端组件,你用的时候html里面...原创 2018-04-18 22:24:18 · 6626 阅读 · 0 评论 -
vue页面切换到滚动页面显示顶部
vue页面切换到滚动页面显示顶部 在用mint ui写移动端从'listview'跳转到详情页时,详情页面由于大于手机高度可以滚动,当点击'listview'滚动list进入详情页面时发现详情页面不是从顶部开始显示。一、目标:‘listview’进入详情页面时详情页面从页面顶部开始显示。二、让首先查了下两个页面的scrollY,每次都是不一样的,也没原创 2018-01-05 21:56:26 · 13914 阅读 · 0 评论 -
vue页面跳转后返回原页面初始位置
vue页面跳转后返回原页面初始位置 vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的scrolly即可,scrolly我用的是vuex状态管理器来保存的。整个环境是基于vue-cli搭建的一、main.js里原创 2018-01-05 22:22:47 · 35617 阅读 · 10 评论 -
iview table render集成switch开关
iview table render集成switch开关原创 2018-01-02 18:22:56 · 17698 阅读 · 6 评论 -
iview table高度动态设置
iview table高度动态设置 在使用iview table表格组件的时候,由于我的屏幕分辨率比较大,在自己pc机上设置的固定高度很适合,在测试(test)时候发现在别的终端如1368*768的机器上都显示不全,下面就把我的和其他机器上效果图做个对比,如图所示:一、我的机器二、别人的机器三、解决办法原创 2017-12-30 19:34:58 · 22987 阅读 · 5 评论 -
iview page分页组件的集成
iview page分页组件的集成 今天给大家分享一下iview page分页组件与iview table表格的集成,主要是针对前端集成,整个前端采用vue渲染,首先我们查看一下iview page分页组件https://www.iviewui.com/components/page的介绍,分页组件的样式加起来不外乎就是以下style所以后台提供接口需原创 2017-12-23 11:40:17 · 34009 阅读 · 10 评论 -
vue-cli脚手架开发环境搭建
vue-cli脚手架开发环境搭建 看了一天的《vue.js实战》此书的基础之后,大概看到第六章,也就是组件之前一章节,然后就准备试着写一下。使用vue-cli脚手架搭建了第一个项目,我是在windows 10上搭建的,并非linux和mac os,搭建流程如下。 一、node安装 1、下载node,下载地址是https://nodejs.org/...原创 2017-11-28 21:47:01 · 6441 阅读 · 0 评论 -
Axios学习和封装
Axios学习和封装一、axios的请求方法:get、post、put、patch、deleteget: 获取数据post: 提交数据put: 更新数据(表单提交 + 文件上传)patch: 更新数据(只将修改的数据推送到后端)delete: 删除数据...原创 2019-08-01 17:03:51 · 1230 阅读 · 0 评论