カスタムヘッダチェックボックスのチェックボックスを追加する表テーブルのElementUI

  ElmentUI表のテーブル要素で、あなたは多機能ボックスの選択のためのタイプの値を使用するかもしれませんが、あなたが設定したラベル属性が有効ではない、あなたはタイトル名を設定することはできません。時には我々は、タイトル名を追加することであり、その必要性どのようにそれを処理するには?もちろん、あなたがそのスタイルに特別な処理を行うことができ、あなたはまた、タイトルをカスタマイズすることができ、この記事では、地雷を踏んピットを埋めるために持っていた、特にプロセスでは、チェックボックスの名前とタイトルを追加するためのカスタムタイトルを使用する方法について説明します。

  (A)の需要は:例えば、現在のページのコラムのバッチ操作のために表にテーブルを追加します。チェックボックスによって確認されたバッチ、上でリストされている2つのプロパティの状態を設定するために、すべての隠されたことを示し、選択されていない時を示します表示チェックボックススタイルの状態の3番目の部分を提示するとき、部分的に、隠されている場合、すべてを示し、一般的にダッシュを示しています。

  (ii)のプログラム:カラムを用いて、表属性ヘッダテーブル。

  1. スロット・セット、すなわち、使用スロット= それはヘッダにスタイルをカスタマイズすることができるように、「ヘッダ」を、このプロパティを設定しない場合、列の内容を設定します。
  2. 具体的なコードは次のよう:
    プロジェクトディレクトリに、第一の取付要素、要素ごとのUI I NPM - Sコマンドがインストールされます。
    次に、プロジェクト内の要素を導入し、このmain.jsファイル内の2つのステートメントを追加します。
    インポート要素「要素-UI」
    Vue.use(部品)

     

 

 

------ 20200112ミアン

おすすめ

転載: www.cnblogs.com/bien94/p/12182582.html