vue 滑块 验证


效果:

1、创建SliderCheck.vue组件



2、Login.vue页面引入组件并注册

 import SliderCheck from './components/SliderCheck'

  components: { SliderCheck }

3、使用SliderCheck.vue组件

4、添加事件函数

 methods: {
    // 滑块验证成功回调
    handleSuccessFun() {
      this.login_model.status = true
    },
    // 滑块验证失败回调
    handleErrorFun() {},
  }
vue