Condivisione della tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

A volte è necessario implementare un'intestazione personalizzata, ad esempio aggiungendo un pulsante all'intestazione. In questo momento è necessario utilizzare un'intestazione personalizzata. Tuttavia, la descrizione ufficiale dell'uso delle intestazioni personalizzate è relativamente semplice dettaglio oggi.

Utilizza :render-header sull'intestazione dove è richiesta un'intestazione personalizzata per abilitare l'intestazione personalizzata:

<el-table-column :render-header="button"></el-table-column>

button è un metodo personalizzato che può restituire il pulsante.

Nota: per l'elemento button restituito nel metodo button, non è possibile utilizzare @click o v-on:click per aggiungervi un metodo click. Non verrà riconosciuto e verrà segnalato un errore. Per utilizzare la funzione freccia, on-click={()=&gt;this.showinfo()}

Qui viene impostato un pulsante ed è presente una variabile per registrare quale pulsante viene attualmente cliccato:

dati(){

ritorno{

isShow: true // Variabile per controllare il pulsante, fare clic sul pulsante

   }

},

metodi: {

pulsante(){

se(questo.èMostrato==vero){

//Se si fa clic sul pulsante, cambia il colore di sfondo del pulsante

ritorno (

            <div>

<el-button on-click={()=>this.show()} style="background: #ffc9c9; color:#606266"&gt;sfondo</el-button>