Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

Gray-Ice

个人博客兼个人网站

首先,你需要有一个叫做“vue-drag-verify”的东西,可以在vue/package.json文件中查看有没有该组件,如果有的话,那么接下来是它的使用:

引用组件:
1
import dragVerify from "vue-drag-verify";

然后注册组件:

1
2
3
components:{
'dragVerify': dragVerify
}

设置参数

1
2
3
4
5
6
7
8
data(){
return {
// 声明滑块验证相关数据
width: 320, // 宽度
height: 42, // 高度
text: '请将滑块拖动到右边' // 滑块文本
}
}

调用:

1
2
<drag-verify :width="width" :height="height" :text="text" ref="Verify">
</drag-verify>

显示效果如图:

可以查看其布尔值:

1
console.log(this.$refs.Verify.isPassing);

完成~

评论



愿火焰指引你