首页 > 特效插件 > 其他特效 >  基于vue的滑动解锁插件slideToUnLock正文

基于vue的滑动解锁插件slideToUnLock

特效介绍
vue的滑动解锁插件slideToUnLock

    slideToUnLock是一款基于vue的滑动解锁插件,按住滑块拖动到右边自动解锁。如果拖动过程中松开鼠标,滑块会自动返回。
使用方法
1、将slideToUnLock压缩包解压,将里面的slideToUnLock.vue文件放到components目录

2、引入slideToUnLock
import { slideToUnLock } from "../../components";
3、需要加解锁的位置加html
<slideToUnLock @setUnLock="setUnLock"></slideToUnLock>
4、在data加入isUnLock
data(){
    return {
        isUnLock:false
    }
}
5、setUnLock方法加到methods中:
setUnLock(flag){
    this.isUnLock = flag;
},