Vue.js . के लिए Google ReCAPTCHA घटक

समस्याओं को खत्म करने के लिए हमारे साधन का प्रयास करें

Vue.js . के लिए Google ReCAPTCHA घटक

व्यू-रिकैप्चा

विवरण

सूचना: जीथब पर दस्तावेज़ हमेशा मास्टर शाखा के संदर्भ में होता है। स्थिर संस्करण के लिए, कृपया दस्तावेज़ को यहां पढ़ें NPM .

Vue के लिए Google ReCAPTCHA घटक। यदि आप इस पैकेज को पसंद करते हैं, तो कृपया जीथब पर एक स्टार छोड़ दें।

यह संस्करण Vue 2.0 के लिए है। यदि आपको Vue 1.x समर्थन की आवश्यकता है तो कृपया देखें व्यू-v1.x .



एक डोकर कप्तान से कुबेरनेट्स झुंड के साथ डोकर महारत

रीकैप्चा V3

सूचना : यह परियोजना वर्तमान में reCAPTCHA v3. का समर्थन नहीं कर रही है।

इंस्टॉल

NPM

$ npm install --save vue-recaptcha

सीडीएन

प्रयोग

शुरू हो जाओ

रीकैप्चा लोड करने के लिए इसे सिर में रखें:

एकोइन क्रिप्टोकुरेंसी कैसे खरीदें
With `onload` callback, it will notify us when the api is ready for use.

फिर शामिल करें |_+_| आपके ऐप में।

vue-recaptcha

बटन को चुनौती बांधें

import VueRecaptcha from 'vue-recaptcha'; export default { ... components: { VueRecaptcha } };

सूचना: आप केवल एक तत्व को |_+_| . के रूप में रख सकते हैं बच्चा।

अधिक जानकारी के लिए, कृपया देखें उदाहरण

ऑटो लोड Click me import VueRecaptcha from 'vue-recaptcha'; export default { ... components: { VueRecaptcha } };

अगर |_+_| प्रॉप्स |_+_| पर सेट है, vue-recaptcha आवश्यक इंजेक्ट करेगा |_+_| उपनाम। इसका मतलब है कि मैन्युअल रूप से |_+_| टैग अनावश्यक है।

vue-recaptcha

आग

रंगमंच की सामग्री

  • साइटकी (आवश्यक) रीकैप्चा साइट कुंजी
  • विषय (वैकल्पिक) reCAPTCHA के लिए रंग विषय
  • प्रकार (वैकल्पिक) रीकैप्चा का प्रकार
  • आकार (वैकल्पिक) रीकैप्चा का आकार
  • tabindex (वैकल्पिक) reCAPTCHA का tabindex
  • बैज (वैकल्पिक) (केवल अदृश्य रीकैप्चा) रीकैप्चा बैज की स्थिति
  • loadRecaptchaScript (वैकल्पिक) यदि |_+_| |_+_| पर सेट है, vue-recaptcha आवश्यक इंजेक्ट करेगा |_+_| टैग डिफ़ॉल्ट: |_+_|

निम्नलिखित प्रॉप्स तभी काम करेंगे जब |_+_| |_+_| . के रूप में सेट है

  • recaptchaHost (वैकल्पिक) इसे आवश्यक होने पर reCAPTCHA डोमेन बदलने के लिए सेट करें, जैसा कि इसमें वर्णित है रीकैप्चा समर्थन डिफ़ॉल्ट: |_+_|
  • recaptchaScriptId (वैकल्पिक) इंजेक्शन को बदलने के लिए इसे सेट करें |_+_| पहचान। इसे केवल तभी बदला जाना चाहिए जब यह मौजूदा आईडी के साथ विरोध करे डिफ़ॉल्ट: |_+_|
  • भाषा (वैकल्पिक) इसे रीकैप्चा भाषा बदलने के लिए सेट करें यदि आवश्यक हो, जैसा कि में वर्णित है रीकैप्चा समर्थन डिफ़ॉल्ट: '' |_+_|
    सूचना : जब आप इस प्रॉप्स को गतिशील रूप से बदलते हैं तो यह आपकी अपेक्षा के अनुरूप काम नहीं करेगा। चूंकि पूरे पृष्ठ को पुनः लोड किए बिना भाषा को बदलना असंभव है

अधिक जानकारी के लिए, कृपया देखें रीकैप्चा दस्तावेज़ तथा अदृश्य रीकैप्चा दस्तावेज़ .

तरीकों

  • रीसेट reCAPTCHA उदाहरण रीसेट करें
  • Invoke reCAPTCHA चुनौती निष्पादित करें

आयोजन

  • सत्यापित करें (प्रतिक्रिया) reCAPTCHA सत्यापित पर एमिट करें |_+_| सफल रीकैप्चा प्रतिक्रिया है
  • एक्सपायर्ड () रीकैप्चा पर एमिट की समय सीमा समाप्त हो गई
  • रेंडर (आईडी) डोम पर माउंट किए गए रीकैप्चा पर उत्सर्जन |_+_| घटक की विजेट आईडी है
  • त्रुटि () तब उत्सर्जित करें जब reCAPTCHA में कोई त्रुटि आती है

सामान्य प्रश्न

ReCAPTCHA क्या है जो उपयोगकर्ता द्वारा प्रदान किए गए फ़ंक्शन को नहीं ढूंढ सका: vueRecaptchaApiLoaded?

ऐसा इसलिए है क्योंकि Google का रिकैप्चा आपके ऐप से पहले लोड हो चुका है। आप इसे आसानी से अनदेखा कर सकते हैं क्योंकि vue-recaptcha अभी भी रिकैप्चा का पता लगा सकता है और उसे प्रस्तुत कर सकता है। यदि आप इसकी परवाह करते हैं, तो अपने ऐप के बाद recatpcha के स्क्रिप्ट टैग को स्थानांतरित करने का प्रयास करें।

कैश ऐप डायरेक्ट डिपॉज़िट देर से

Vue-recaptcha का परीक्षण कैसे करें?

आप मजाक कर सकते हैं |_+_| Google के रिकैप्चा को बायपास करने के लिए। यहाँ एक है उदाहरण किसके साथ काम करते हैं है .

जावा ट्यूटोरियल स्टेप बाय स्टेप

कैसे एक e2e परीक्षण (या एकीकरण परीक्षण) के बारे में?

कृपया संदर्भ लें रिकैप्चा के अक्सर पूछे जाने वाले प्रश्न .

विवरण डाउनलोड करें:

लेखक: डैनस्नो

सोर्स कोड: https://github.com/DanSnow/vue-recaptcha

#vuejs #vue #javascript

यह सभी देखें:

नई वस्तुएं

सबसे पठनीय

संपादक की पसंद