vue中使用滑块验证码imgs属性可以自定义图片也可以随机自定义 :imgs="imgs" import img0

1.安装

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

2.mian.js引入

import SlideVerify from '../node_modules/vue-monoplasty-slide-verify' // 拼图验证码

Vue.use(SlideVerify)

3.代码

  <slide-verify
      :w="386"
      :h="80"
      slider-text="向右滑动"
      @success="onSuccess"
      @fail="onFail"
      @refresh="onRefresh"
      :style="{width:'386px'}"
      class="slide-box"
      ref="slideBlock"
   ></slide-verify>