![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
二进制旅者
这个作者很懒,什么都没留下…
展开
-
vue图片上传组件,包括base64、二进制上传及图片旋转
最近做的vue项目中好多涉及到图片上传的,为了方便开发就进行了相关总结。因为公司有好多项目,并且使用的是不同后台语言,有的需要通过base64字符串传递,有的需要转换成二进制数据流传递,有的可以直接使用from表单进行提交。后来有涉及到ios上拍照图片会旋转的问题,也一并进行了封装。好了废话不多说直接上代码。<!DOCTYPE html><html><h...原创 2018-03-23 16:50:03 · 4528 阅读 · 1 评论 -
微信密码输入框功能效果实现(vue)
效果图如下: html代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, ma原创 2018-12-27 17:06:22 · 1180 阅读 · 1 评论 -
微信支付流程
正常情况下如果我们的项目如果涉及微信支付或者其他功能,我们都会在项目进来之前先获取到openId存到后台备用,也就是说只有先获取到openId这个唯一标识才能实现微信相关的功能使用。 首先获取openId 方法一 后台直接返回给我们一个Url让我们去跳转,然后使用window.location跳转就行,类似下面这样的一个链接地址 window....原创 2018-11-30 19:33:39 · 393 阅读 · 0 评论 -
swiper在vue中使用的注意点
一、引入 直接在swiper官网下载相关的js, css文件,在index.html文件中使用script标签引入即可;二、使用 在生命周期mounted中直接new Swiper( )即可三、注意点 1. 有时我们使用swiper时会出现无法滑动的现象,主要原因可能是没有获取到dom元素,可以使用this.$nextTick( )或者加setTimeOu...原创 2018-06-14 16:49:44 · 3185 阅读 · 2 评论 -
mint-ui Loadmore分页查询加载的使用说明+实例
引入啥的就不说了,直接上实例代码吧,挺简单的看一下就会了,没有提供样式需要自己添加,没有提供数据,需要的直接将url改成自己的接口就可以了。实例代码:<template> <div> <section class="listMenu"> <section v-show='nodata' class="rep...原创 2018-03-09 17:37:20 · 3978 阅读 · 0 评论 -
vue项目中引入jQuery或zepto的方法
虽然在使用vue进行项目开发的时候不推荐对DOM进行操作,但是在有些时候还是避免不了的,这样有时候我们就需要引入jQuery或者zepto以便实现特殊功能的开发。 下面就对如何在vue项目引入jquery和zepto进行相关的总结,使用的是vue-cli搭建的项目,推荐使用zepto更加方便。 一、引入jQuery 1. npm ins...原创 2018-03-23 17:21:34 · 3660 阅读 · 0 评论 -
ztree封装的树结构vue组件
先来一张效果图: 1.z-tree插件下载地址http://www.treejs.cn/v3/main.php#_zTreeInfo 2.下载完成后将插件放到项目里在mian.js里面引入即可 //main.js中引入 import './plugins/zTree/jquery.ztree.all.js' import './plugins/zTree/jquery.ztree...原创 2019-09-20 18:31:22 · 1453 阅读 · 1 评论