vue2 滑块短信验证

对于vue2中的滑块短信验证，你可以使用第三方库vue-verify-slider来实现。下面是一个简单的示例代码：

1. 首先，安装vue-verify-slider库：

npm install vue-verify-slider --save

2. 在你的Vue组件中，引入vue-verify-slider并注册组件：

import VueVerifySlider from 'vue-verify-slider';

export default {
  components: {
    VueVerifySlider
  },
  // ...
}

3. 在模板中使用`vue-verify-slider`组件：

<template>
  <div>
    <vue-verify-slider
      :width="280"    // 设置滑块宽度
      :height="40"    // 设置滑块高度
      :text="text"    // 显示在滑块上的文本
      @success="handleSuccess"  // 拖动验证成功时触发的回调函数
    ></vue-verify-slider>
  </div>
</template>

4. 在Vue组件的方法中，定义`handleSuccess`函数来处理验证成功时的逻辑：

export default {
  // ...
  methods: {
    handleSuccess() {
      // 验证成功时的逻辑
      // 发送短信验证码等操作
    }
  }
}

这样，当用户成功拖动滑块完成验证时，`handleSuccess`函数将会被调用，你可以在该函数中执行发送短信验证码等后续操作。请注意，你可能还需要根据自己的需求进行样式调整和其他配置。