のツリーテーブルコンポーネントVUE-テーブル付きツリー・グリッドの使い方

通常、我々は要素-UIコンポーネントライブラリを使用して、多くのコンポーネントは、日常業務のニーズを解決することができ、最近私は、ツリー構造の形を構築する必要性を満たしますが、元素成分は、その後、あなたは自分自身を通過する必要はありません。この機能を実装するためのサードパーティ製コンポーネント。ここに画像を挿入説明
だから、どのように我々はこのような構造の方法を達成することができますか?-TREE--VUE-テーブルを渡す必要がありますグリッドのこの成分
、VUE足場で開発された依存関係の依存関係を検索してVUE-テーブルと-TREE-インストールグリッド
2を、プロジェクト内のmain.js示すように、ファイルには、導入された:
ここに画像を挿入説明
あなたはツリーテーブルタグテーブルを構築するためにこれを使用することができます第三には、その後、あなたはまた、国内の理由が、制限速度をgithubの、githubの上で閲覧するための文書のプロパティを開くことができ、速度が遅すぎるオープンにされ、私がしていましたここで、いくつかの共通の属性が参照されているここに画像を挿入説明
データソースを同梱されている地図上の7つのプロパティの合計を、コンテンツ列は垂直線を定義して、それは、アレイ内の各オブジェクトは、ショーに垂直行を配列表しますコンテンツあなたは複数選択ボックスにしたくない場合は、我々はテーブルのタイプかどうか選択型マルチ選択し、そのパラメータのいくつかの下に議論する、デフォルト値がtrueの場合、falseに設定することができ、拡張型拡張ライン効果、ショーインデックス表示データのインデックス値、インデックステキストインデックスのカスタム名は、デフォルトでは「数」の単語、境界テーブルの行の垂直パーティングラインにあります。
四つは、コンテンツの列の垂直行
ここに画像を挿入説明
の各列のための垂直列の内容であり、結合性を支え、垂直列見出しを標識する、これらの縦の列の列のカスタムテンプレート、名前テンプレートテンプレート塔型
二つの配列を前の値が二垂直列表す
5を、所望のカスタムテンプレートのスロットならば、二番目の配列の列の定義等のデータを必要とし、スコープは、タブスロットを使用することによって達成されますここに画像を挿入説明
いくつかの垂直テンプレートを挿入することによって達成される列、および2つのアイコン上と同じである達成するための手順の後ろに、それはもはやリストにそれらではありません

リリース5元の記事 ウォンの賞賛0 ビュー68

おすすめ

転載: blog.csdn.net/weixin_46144394/article/details/104515627