Filtro personalizado de encabezado basado en elementos
Función de etiqueta de encabezado de columna para representación de región
Function(h, { column, $index })
lt ;el -table-column?prop="sowStatus"?label="status"?align="center"? ：render-header="renderHeader"?min-width="90"gt;
?lt ;template?slot-scope="scope"gt;
lt;div?v-if="scope.row.sowStatus?==?null"gt;-lt;/divgt;
lt;div?v-elsegt;
lt;span?v-if="scope.row.sowBackFlag"gt;returnedlt;/spangt;
? lt;span?v-elsegt;{{emnuList.get(scope.row.sowStatus)}}?row.sowStatus)}}lt;/spangt;
lt;/divgt;
p>?/templategt;
lt;/el-table-columngt;
renderHeader(createElement, ? {?columna, ?$index?})? {
?let?property?=?column.property
?//?console.log('Datos vinculantes para esta columna',?column)
?//?console.log(proty)
?return?createElement(
'div',
{
? estilo:?' pantalla: flex; justificar-contenido:? centro;'
},
[
?createElement(TableHeader,? {
estilo: ? cursor: ?puntero;',
accesorios: ?{
?columna: ?columna,
?opciones: ?proty ,
?tableQuery: ?this.tableParams,
}
?})
]
? )
}
lt;templategt;
lt;div?class="table-header"gt;
lt; span?@click="clickIcon(columna)"gt;{{?column.label?}}lt; span?class="el-icon-sort"gt;/spangt;lt;/spangt;
?lt;/divgt;
lt;/templategt;
lt;scriptgt;
¿exportar?predeterminado?{
?nombre: ?TableHeader',
?datos()?{
retorno?
?props: ?{
tipo: ?{
?tipo: ?Cadena,
?predeterminado: ?
},
valor predeterminado: ?{
?tipo: ?Cadena,
?predeterminado: ?''
},
?
}, p>
opciones: ?{
?tipo: ? [Matriz, ?Cadena],
?predeterminado: ?{
retorno[ ]
?｝
},
defaultProps: ?{
?tipo: ?Objeto,
?predeterminado ：?función()?{
retorno?{
?etiqueta: ?etiqueta',
?valor: ?valor'
}
?｝
},
//parámetros de interfaz pasados
tableQuery:?{
?tipo: ?Objeto,
?predeterminado: ?función()?{
retorno?
},
cancelarCb : ? {
?tipo: ?Función
},
//El nombre de la columna de la tabla personalizada pasada desde el componente principal
columna:?{
?tipo:?Objeto,
?predeterminado:?función()?{
retorno?
}
?｝
?montado()?{},
?métodos: ?{
clickIcon(columna) ?{
?//?Manejar la lógica de clasificación aquí
}
?｝
}
lt ; /scriptgt;
lt;style?scopedgt;lt;/stylegt;
importar?/TableHeader'