這篇文章主要講解了“Vue插件之滑動驗證碼怎么實現(xiàn)”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Vue插件之滑動驗證碼怎么實現(xiàn)”吧！

成都創(chuàng)新互聯(lián)是專業(yè)的隴川網(wǎng)站建設(shè)公司，隴川接單;提供成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行隴川網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

預(yù)覽

目前僅前端實現(xiàn)，支持移動端滑動事件。版本V1.0.5

安裝

npm install --save vue-monoplasty-slide-verify

使用方法：

// main.js
import Vue from 'vue';
import SlideVerify from 'vue-monoplasty-slide-verify';

Vue.use(SlideVerify);
// template

{{msg}}
// script
export default {
 name: 'App',
 data(){
 return {
  msg: '',
  text: '向右滑',
 }
 },
 methods: {
 onSuccess(){
  this.msg = 'login success'
 },
 onFail(){
  this.msg = ''
 },
 onRefresh(){
  this.msg = ''
 }
 }
}

參數(shù)說明：

props傳參（均為可選）

自定義回調(diào)函數(shù)：

感謝各位的閱讀，以上就是“Vue插件之滑動驗證碼怎么實現(xiàn)”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Vue插件之滑動驗證碼怎么實現(xiàn)這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！