首页 > 其他 > 详细

Vue拼图验证组件使用教程

时间:2020-01-09 17:45:01      阅读:332      评论:0      收藏:0      [点我收藏+]

技术分享图片

找一个你需要的
我这里选择的是控制误差的demo用。

使用方法:

npm i vue-puzzle-verification

在mian.js中引入

import PuzzleVerification from ‘vue-puzzle-verification‘
Vue.use(PuzzleVerification )

  

  <div class="login-box">
             <div class="puzzle-box">
                 <PuzzleVerification
                    v-model="isVerificationShow4"
                    :puzzleImgList="puzzleImgList"
                     deviation="20"
                     blockType="puzzle"
                    :onSuccess="handleSuccess"
                    />
              </div>
       </div>

登录页面使用后会出现报错问题。

技术分享图片
同事说是因为监听没有销毁…
所以

 beforeDestory(){
       document.removeEventListener("mousemove",this.moving);
       document.removeEventListener("touchmove",this.moving);
       document.removeEventListener("mouseup",this.moveEnd);
       document.removeEventListener("touchend",this.moveEnd)
    },

  

Vue拼图验证组件使用教程

原文:https://www.cnblogs.com/JiAyInNnNn/p/12172139.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!