顶象-业务安全引领者,让数字世界无风险
类似与这样的登录之前的验证 滑动一个盒子了 或者是 顺序点击文字了 等
<template><a-modal:closable="false":visible="show"@cancel="handleCancel":maskClosable="true":width="348":footer="null"><a-spin :spinning="Loading"><div ref="captcha" style="min-height:150px;"></div><remote-js src="https://cdn.dingxiang-inc.com/ctu-group/captcha-ui/index.js"></remote-js></a-spin></a-modal>
</template><script>
export default {props: {show: {type: Boolean,default: false}},data () {return {Loading: false}},created () {},watch: {show (newQuestion, oldQuestion) {if (newQuestion === true) {this.Loading = truesetTimeout(() => {this.Loading = false_dx.Captcha(this.$refs.captcha, {appId: 'xxxx',success: token => {this.$emit('success', { token: token })}})}, 1000)}}},methods: {handleCancel () {this.$emit('cancel')}}
}
</script>
这就是一个cdn
需要注册对应的账号