フィルタの使用にVUEプロジェクト・エル・テーブルスロットテンプレートスコープリードが効果を取ることができません

。例:最初の言葉遣い:

<エル・テーブルのカラム
V-用= "における情報するtableHeader " :キー= "情報。キー" :ラベル= "情報ラベル" :フォーマッタ= " formatterFn " //过滤方法不执行> <テンプレートスロットスコープ= "範囲" > の<span> {{ スコープ [情報。キー ]}} </スパン> //キー用了テンプレートsocpe包裹 </テンプレート> </ EL-テーブル列>







 
読みます:
<エル・テーブルのカラム
V-用= "メタにおける情報。するtableHeader " :キー= "情報。キー" :ラベル= "情報。ラベル" :小道具= "情報。キー" :フォーマッタ= " formatterFn " />




インポート {} staticFormatterMap から「@ / utilsの/ formatterMap」//ファイルの静的フィールドをフィルタリングする必要があります
//フィルタフィールド
formatterFn(行列){
_val = ''
CONST _formatterMap =オブジェクト。ASSIGN({} これFormatterMap staticFormatterMap)動的および静的データの//交差点IF(column.property _formatterMap){ _val _formatterMap = [column.property]。GET(行[column.property]) } { _val =ロウ[column.property] } 戻り _valを}






formatterMap.jsファイル:
エクスポートCONST staticFormatterMap = {
sex: new Map([ // 性别  sex:要过滤的table字段名
[2, '女'],
[1, '男'],
[3, '未知']
])
}

おすすめ

転載: www.cnblogs.com/LindaBlog/p/12170266.html