vue点击按钮实现弹窗式滑块验证码(比较完整）

整个页面是个弹窗 dialogbuttonVisible 控制弹窗的显示关闭
效果图：

test.vue:

          <div class="verification-wrap">
                    <el-button type="text" @click="verificationButton"
                      >点击进行验证</el-button
                    >
                    //弹出层
                    <el-dialog
                      title="请完成安全验证"
                      :visible.sync="dialogbuttonVisible"
                      width="30%"
                    >
                      <div class="verification-slide">
                        //整个滑块验证
                        //again: 检测到非人为操作滑动时触发的回调函数
                        //success: 返回时间参数，单位为毫秒
                        //refresh: 点击刷新按钮后的回调函数
                        //accuracy: 滑动验证的误差范围，默认值 5
                        //fulfilled: 刷新成功之后的回调函数
                        //r : 滑块突出圆的半径
                        //