图文验证码(2)vue-monoplasty-slide-verify

最新推荐文章于 2024-05-22 10:27:27 发布

前端小云儿

最新推荐文章于 2024-05-22 10:27:27 发布

阅读量419

点赞数 7

分类专栏：前端静态页面以及逻辑文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/jieweiwujie/article/details/135226426

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 13 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<template>
  <div>
    <h3>图文验证码(2)vue-monoplasty-slide-verify</h3>
    <h3>
      https://gitcode.net/mirrors/monoplasty/vue-monoplasty-slide-verify?utm_source=csdn_github_accelerator
    </h3>
    <h3>1 安装依赖 npm install --save vue-monoplasty-slide-verify</h3>
    <h3>
      2 manin.js 页面引入 import SlideVerify from 'vue-monoplasty-slide-verify';
    </h3>
    <h3>2 Vue.use(SlideVerify);</h3>
    <h3>3 当前页面使用</h3>
    <div class="outerBox3">
      <slide-verify
        :l="42"
        :r="10"
        :w="310"
        :h="155"
        :imgs="imgs"
        slider-text="向右滑动"
        ref="slideblock"
        @success="onSuccess"
        @fail="onFail"
        @refresh="onRefresh"
      ></slide-verify>
      <