
成长记
helloFE
这个作者很懒,什么都没留下…
展开
-
微信小程序阻止swiper手动滑动的多种情况
近日在微信小程序开发中遇到需要阻止swiper组件手动滑动的需求,看了一些博文,列举的情景比较单一,这里把我想到的情况分别针对处理一下,如有遗漏,欢迎补充一、同页面只有一个swiper,且swiper-item上没有需要点击的按钮 1.用css控制,在swiper上给个样式pointer-events:none; 使点击无法触发 2.在swiper-item绑定一个事件,catchtouchmove="catchtouchmove",在事件中return false...原创 2020-06-09 17:05:26 · 5256 阅读 · 2 评论 -
vue关于父组件传递参数给子组件
一、首先,我们要在父组件中拿到需要传递的值,例如:上面的title type img都是我要传递到子组件的数据,通过路由从地址栏中传过来的二、然后在子组件标签中绑定三、在子组件.vue中接收传过来的参然后就可以直接在dom中引用啦,例如:渲染传过来的图片img :src="img"width="100%"height="1原创 2018-01-25 17:30:21 · 3233 阅读 · 0 评论 -
搭建Vue脚手架,并上传到远程仓库GitHub步骤
一、首先打开vue.js官网,找到“安装”,可以看到几条命令: 第一条“全局安装”只需安装一次,后面的项目就不用装了;“my-project”是自定义的项目名称 敲第二行的时候回出现多个选择到这里打开命令行的地方会创建一个文件test-project,里面就是vue-cli脚手架二、到GitHub上创建一个仓库 打开你的GitHub首页,点击“new repository” 然后跳到一个...原创 2018-04-20 16:14:14 · 2179 阅读 · 0 评论 -
关于小程序菜单栏吸顶效果
最近工作遇到关于小程序菜单栏吸顶的需求(例如某页面中间有个tabbar,要求当用户滑动该页面使tabbar到达屏幕顶部时,tabbar吸顶,页面滑动回来使tabbar回到原来的位置) 查了小程序的文档,没找到相关的功能介绍,但是找到了页面滚动监听事件 onPageScroll (e) { } 我们捋一下思路,要实现吸顶,只要获取到页面已经滚动的高度A,以及tabbar...原创 2018-08-14 17:39:46 · 7281 阅读 · 5 评论 -
搭建vue3.x脚手架
继上次写搭建vue2.x脚手架还没过多久,3.x就发布了,怀着心中一万只土拨鼠呐喊着学不动的心情写下这篇博客,简单记录一下vue3.x的脚手架搭建1.https://cli.vuejs.org/zh/guide/installation.html打开vue.js官网可以发现文档已经随着版本的发布更新了,3.x对node的版本也有要求,使用npm或yarn命令安装新包(个人推荐使用yarn,...原创 2019-05-05 23:24:23 · 647 阅读 · 0 评论