vue2-recaptchav3
Version:
VueJs Google Recaptcha V3
42 lines (35 loc) • 919 B
Markdown
Vue2 Google Recaptcha V3
Usage in form:
```
<form>
<input type="hidden" name="token" v-model="googleToken" />
<GoogleCaptcha sitekey="yourSiteKey" action="yourPageAction" v-on:google_captcha_token="updateToken" ref="captcha"></GoogleCaptcha>
</form>
```
Import statement and event handling:
```
<script>
import GoogleCaptcha from 'vue2-recaptchav3';
export default {
data(){
return {
googleToken: null,
...
}
},
methods: {
updateToken(payload){
this.googleToken = payload.response_token;
},
formSubmit(){
this.$refs.captcha.generateManualToken().then((token) => {
//use token here
});
}
...
}
}
</script>
```
Every time the action changes a new token is generated.
This allows you to generate tokens based on the page the user is on or based on each individual form