Ich habe Probleme herauszufinden, wie man ein jquery-Plugin in einer vue-Komponente verwendet. Ich verwende nicht webkit, browserify oder ES2016. Gibt es noch eine Möglichkeit für mich, ein Plugin zu verwenden und ein Element innerhalb des Template-Tags zu targetieren? Google hat keine Ergebnisse erbracht, die hilfreich waren. Das fragliche Plugin ist jquery.payment for stripeVerwenden von Jquery-Plugin mit Vuejs, ohne Webpack?
1
A
Antwort
1
Sie können das Plugin im ready
Event Ihrer Komponente verwenden. Kurz gesagt würde es ungefähr so aussehen:
So würde ich mich nähern, wenn ich keine andere Möglichkeit hätte. Ich habe es nicht getestet, aber es sollte relativ nah sein:
<div id="app">
<input class="payment-input" v-model="creditCardNumber">
<div v-if="!creditCardNumberValid">BAD CC</div>
</div>
<script>
new Vue({
el: '#app',
data: {
creditCardNumber: '',
},
ready: function() {
var paymentInput = this.$el.querySelector('.payment-input');
jQuery(paymentInput).payment('formatCardNumber')
},
computed: {
creditCardNumberValid: function() {
return jQuery.payment.validateCardNumber(this.creditCardNumber)
}
}
})
Verwandte Themen
- 1. VueJS WebPack JavaScript von vue trennen
- 2. Wie htmlhint-loader mit vuejs verwenden
- 3. Kann nicht laden mit webpack & vuejs
- 4. Bootstrap-Datetime-Picker mit Vuejs 2 verwenden
- 5. Verwenden summernote mit vuejs
- 6. vuejs konfigurieren webpack unter Lader
- 7. Verwenden von Modulen mit Webpack
- 8. Verwenden von VueJS mit einer PHP-Variablen
- 9. Verwenden von Material Design mit VueJS
- 10. vuejs Reaktivität ohne Vorlage
- 11. Wie man externe Sass-Verzeichnis mit Vuejs + Webpack einbinden?
- 12. Unbekannte Eingabe mit Webpack, less-loader und vuejs
- 13. Symfony 3 Projektstruktur bei Verwendung von Vuejs + Webpack
- 14. Wie korrigiere ich die CSS-Kompilierreihenfolge mit Webpack in Vuejs?
- 15. Begegnung SCRIPT 1003 Fehler auf IE11 mit Webpack und VueJS
- 16. Verwenden von Angular und LocalForce mit Webpack
- 17. Verwenden von Firebase mit Webpack und TypeScript
- 18. Verwenden von Boomer-Modulen mit Webpack 2
- 19. Verwenden von webpack-i18n-plugin mit CommonsChunkPlugin
- 20. Verwenden von CSS in Webpack
- 21. Verwenden node.js fs mit Webpack
- 22. Reagieren ohne Webpack
- 23. Knoten verwenden mit Electron und Webpack verwenden
- 24. Vuejs verwenden NEDB kann nicht Datenbank-Dateien
- 25. Bedingte Sub-Arrays mit VueJS verwenden
- 26. vuejs 2 Wie füge ich Kindkomponente ohne npm hinzu
- 27. Verwenden lokaler Webschriftarten mit Webpack
- 28. Babel mit Webpack nicht verwenden
- 29. Warum Webpack mit Elektron verwenden
- 30. Importieren von css in jsx ohne Webpack
Wenn Sie VueJS 2 verwenden, verwenden Sie 'mounted' anstelle von' ready'. –