2017-01-22 23 views
0

Wie kann ich die ausgewählten oder modalen Elemente von Materiales in Vue.js initialisieren? Wenn ich den folgenden Code in mein Dokument einfüge, funktionieren die Elemente nicht.Initialisiere materialize-Elemente in Vue.js

<script> 
 

 
$(document).ready(function() { 
 
    $('.modal-trigger').leanModal('open'); 
 
    $('select').material_select(); 
 
}); 
 

 
//Vue.js code here... 
 
    
 
</script>

+0

Setzen Sie diesen jQuery-Code in den 'mounted()' Hook. –

Antwort

1

Sie können diesen Code in einem der Vue versuchen, und rufen lifecycle hooks (siehe this diagram, um herauszufinden, wo genau sie ausgeführt sind), werden Sie wahrscheinlich wollen mounted verwenden.

Aber denken Sie daran, das ist nicht wirklich eine kugelsichere Lösung. Vue kann das DOM später auf andere Weise manipulieren und ist daher nicht unbedingt kompatibel mit Materialise. Die beste Lösung in diesen Fällen ist immer, eine rahmenspezifische Implementierung der Komponenten zu finden, die Sie verwenden möchten, z. Vue Material.

+0

Danke Vue Material funktioniert super! –

+0

Neue URL für Vue Material: https://vuematerial.io/ – Wiil