要素は、動的に正しい姿勢ヘッダを追加します

1サイクルエル・テーブルの列の最初のステップ

<EL-テーブル列
  = "item.show" V-IF
  V-ため= "(項目、インデックス)TableColumnの中"
  :キー=「インデックス」
  :ラベル= "item.name"
  :小道具= "item.value"
  ALIGN = "センター"
  ショーオーバーフロー - ツールチップ
  ソート可能= "カスタム" 
/>

// this.state.tableColumn:[{名: '客户名'、値'cusName'、ショー:真}、{名: '年龄'、値'年齢'、ショー: }真、{名: '手机号'、値'電話'、ショー:偽}]

ステップ2.ダイナミック(電話番号)を追加するボタンをクリックヘッダ

保存//動的ヘッダ
handleSaveSetTable(){
  。この$セット(this.tableColumn、2、{名: '手机号'、値 '電話'、ショー:真})
  this.flag =!this.flag
}

再実行する差分演算をトリガする//変更this.flagので、いくつかの固定されたヘッダを解決するために、DOMをレンダリングMansian表示されること

3.第3のステップと、追加キーテーブル最も外側容器

 

おすすめ

転載: www.cnblogs.com/wangrui38/p/11655190.html