今回は、vue.js element-ui ツリー ツリー コントロールを使用して iview を変更する方法を説明します。 vue.js element-ui ツリー ツリー コントロールを使用して iview を変更する場合の 注意事項 は次のとおりです。実際のケースを見てみましょう。 z
実装原理
要素uiのソースコードを変更し、ソースコード内のツリーモジュールを抽出しましたその後、要素自身のチェックボックスと他のコンポーネントをiviewのチェックボックスに変更し、互換性のあるメソッドを変更しました最後に要素を変更しましたスタイル、変更されました iview スタイルについては、いくつかのスタイルも追加しました 新しいツリー コンポーネントは、iview のスタイルである要素のロジックであると言えますhandleCheckChange(ev) { this.node.setChecked(ev, !this.tree.checkStrictly); },
使用方法
iview をインストールする必要がありますすべてのスタイルはivew に置き換えました 機能はすべて element-ui と同じですnpm i chu-tree-iview
import chuView from 'chu-tree-iview' Vue.use(chuView)
JSでファイルのドラッグアンドドロップを実装する手順の詳細な説明(コード付き)
以上がvue.js の要素 ui ツリー ツリー コントロールが iview を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。