Vue.jsでmaterialize要素を初期化

Question

Vue.jsでMaterializesの選択要素またはモーダル要素を初期化するにはどうすればよいですか？ドキュメントに次のコードを追加すると、要素は機能しません。

<script> 
 

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

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

Answer 1

あなたは、あなたはおそらくmountedを使用したいと思う（彼らが実行している場所を正確に見つけるためにthis diagramを参照）のVueのlifecycle hooksの一つにこのコードを試してみて、呼び出すことができます。

しかし、これは本当に防弾対策ではないことに注意してください。 Vueは後で異なる方法でDOMを操作する可能性があり、必ずしもマテリアライズと互換性があるわけではありません。これらの場合の最善の解決策は、常に使用しようとしているコンポーネントのフレームワーク固有の実装を見つけることです。 Vue Material。