腾讯云滑动图片验证码实现

 <button
    @click="varify">
    验证
 </button>
 <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
 <script>
 export default {
 	name:'test',
 	data(){
 		return{
 		}
 	},
 	methods:{
 	 //获取图片滑动验证码
    varify() {
      let appid = 'xxxxx'; // 腾讯云控制台中对应这个项目的 appid
      //生成一个滑块验证码对象
      let captcha = new TencentCaptcha(appid, function (res) {
      // 用户滑动结束或者关闭弹窗，腾讯返回的内容
      console.log(res)
      if (res.ret === 0) {
        //成功，传递数据给后台进行验证
        axios.post('接口路径', {
        Ticket: res.ticket,
        CaptchaAppId: res.appid,
        Randstr: res.randstr,
        // 其他参数
        })
        .then(
          // 后台验证通过，返回用户信息
          // 前端接收并登陆系统
        )
        .catch(
          // 验证失败 
        )
      } else {
        // 提示用户完成验证
      }
      });
      // 滑块显示
      captcha.show();
    },
 	}
 }
 </script>