Compartir tecnología

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

A veces necesitamos implementar un encabezado personalizado, como agregar un botón al encabezado. En este momento, necesitamos usar un encabezado personalizado. Sin embargo, la descripción oficial del uso de encabezados personalizados es relativamente simple. detalle hoy.

Utilice :render-header en el encabezado donde se requiere un encabezado personalizado para habilitar el encabezado personalizado:

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

El botón es un método personalizado que puede devolver el botón.

Nota: Para el elemento de botón devuelto en el método de botón, no puede usar @click o v-on:click para agregarle un método de clic. No será reconocido y se informará un error. Para usar la función de flecha, haga clic en ={()=&gt;this.showinfo()}

Aquí se configura un botón y hay una variable para registrar en qué botón se hace clic actualmente:

datos(){

devolver{

isShow: true // Variable para controlar el botón, haga clic en el botón

   }

},

métodos: {

botón(){

si(esto.isShow==verdadero){

//Si se hace clic en el botón, cambia el color de fondo del botón

devolver (

            <div>

<el-button on-click={()=>este.show()} estilo="fondo: #ffc9c9; color:#606266"&gt;Fondo de pantalla</el-button>