Berbagi teknologi

Bagaimana elemen mengimplementasikan header khusus?

2024-07-12

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

Terkadang kita perlu menerapkan header khusus, seperti menambahkan tombol ke header. Saat ini, kita perlu menggunakan header khusus. Namun, deskripsi resmi tentang penggunaan header khusus relatif sederhana detailnya hari ini.

Gunakan :render-header pada header yang memerlukan header khusus untuk mengaktifkan header khusus:

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

tombol adalah metode khusus yang dapat mengembalikan tombol.

Catatan: Untuk elemen tombol yang dikembalikan dalam metode tombol, Anda tidak dapat menggunakan @click atau v-on:click untuk menambahkan metode klik ke dalamnya. Ini tidak akan dikenali dan kesalahan akan dilaporkan. Untuk menggunakan fungsi panah, on-click={()=&gt;this.showinfo()}

Sebuah tombol diatur di sini, dan ada variabel untuk mencatat tombol mana yang sedang diklik:

data(){

kembali{

isShow: true // Variabel untuk mengontrol tombol, klik tombol

   }

},

metode: {

tombol(){

jika (ini.isShow==true){

//Jika tombol diklik, ganti warna latar belakang tombol

kembali (

            <div>

<el-button on-click={()=>this.show()} style="latar belakang: #ffc9c9; warna:#606266"&gt;Latar belakang</el-button>