1

私はVueJsでWebアプリケーションを構築しており、ゼロからではなく何かを設計するためのCSSフレームワークが必要です!VueJSで素材デザインを使用

material-design-lite(www.getmdl.io)が見つかりましたが、vue-routerで正しく動作させることができませんでした。

私の最初のページが正しく表示されますが、私は別のページに移動しようとすると、私はこのエラーを持っている:

vue.esm.js?65d7:467 DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. 

私はそれがドキュメントから(「動的なWebサイト上で利用MDL」ためであったと思いましたhttps://getmdl.io/started/index.html)しかし、私はそれを理解できず、私の問題を解決できませんでした。

そうでなければ、私はこれを解決するためにvueで例を見つけることができませんでした。

誰かがvuejsでmdlを動作させる方法を知っていますか?

ありがとう、 Jules。

+1

は、私はそれらの両方を見 https://github.com/marcosmoura/vue-material –

+0

またhttps://vuetifyjs.com/ – yuriy636

+0

、これを試してみたが:あなたが取り付けられているフックでこれを行うことができますたとえドキュメントモデルやアーキテクチャーに従っていても醜いコードが生成されたとしても、VueXを使いたい場合はシステムを騙す必要があります。 Material-design-liteははるかにクリーンです。 –

答えて

0

MDLのcomponentHandlerが実行された後に、一部の要素がVueによって挿入されるため、を再起動する必要があります。 、

mounted: function(){ 
    componentHandler.upgradeAllRegistered(); 
} 
関連する問題