iViewのテーブルには、（のみネストされたデータ表のレンダリングに使用される）パッケージをレンダリング

iViewのテーブルには、レンダリング

二つの引数を持つカスタムレンダラの列は、最初の行、列、およびインデックスを含む、それぞれ、データが現在の行、データの現在の列、現在の行のインデックスを指すH、第二の物体（paramsは全データ）されています

定義された要素は他の要素でない場合：
レンダリング：（H、paramsは）=> { 
  リターンH（プロパティ"定義された要素"、{}要素"コンテンツ要素"）} 

レンダリング：（H、paramsは）=> { 
    リターンH（ 'DIV'、{スタイル：{幅： '100ピクセル'、高さ： '100pxに'、背景： '＃1 CCC'}}、 'その場所'）
}

：要素が他の要素に定義されたネストされる場合
、レンダリング：（H、paramsは {）=> 
  （プロパティ"定義された要素"、{}要素、[元素の含有量]）Hを返す
} 

レンダリング：（H、paramsは）=> { 
            リターンH（ "DIV"、[ 
              H（
                "スパン"、
                { 
                  スタイル：{ 
                    色： "＃555555" 
                  } 
                } ？params.row.useStatus == 0 "が有効になっていない"： "オープン" 
              ）
            ] ）; 
}
                

少しパッケージ包装、少し学習は少しの最適化です

 

パッケージコード：
JSファイルを作成し 
エクスポートデフォルト機能Reavder（H、paramsは）{ 
  戻りH（ "DIV"、[ 
    H（
      "スパン"、
      { 
        スタイル：{ 
          色： "＃555555" 
        } 
      }、
      paramsは
    ）
  ]）; 
}

---

main.jsを導入
 
「./common/commonRender/index.js」からインポートrenderHandelを、
そのプロトタイプにプロパティrenderHandel $を追加します
Vue.prototype $ renderHandel = renderHandel。

---

使用： 
レンダリング：（H、paramsは）=> $ {このrenderHandel（H、params.row.useStatus == 0：？ "開く" "ではない"）を返します;}