vue-monoplasty-slide-verify图片滑动验证码

安装依赖

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

引入使用

import SlideVerify from ‘vue-monoplasty-slide-verify’
Vue.use(SlideVerify)

使用

<el-popover
    placement="top"
    width="400"
    v-model="verifyDialog"
    trigger="manual">
    <slide-verify
        ref="slideblock"
        :l="42"
        :r="10"
        :w="310"
        :h="155"
        @success="onSuccess"
        @fail="onFail"
        @refresh="onRefresh"
        :slider-text="`右滑完成验证`">
    </slide-verify>
    <button slot="reference" @click.stop="submitClick" class="login-btn">登录</button>
</el-popover>