Red de conocimiento informático - Material del sitio web - Filtro personalizado de encabezado basado en elementos

Filtro personalizado de encabezado basado en elementos

render-header(ps):

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'