Κοινή χρήση τεχνολογίας

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

Μερικές φορές χρειάζεται να εφαρμόσουμε μια προσαρμοσμένη κεφαλίδα, όπως η προσθήκη ενός κουμπιού στην κεφαλίδα. Αυτή τη στιγμή, πρέπει να χρησιμοποιήσουμε μια προσαρμοσμένη κεφαλίδα λεπτομέρεια σήμερα.

Χρησιμοποιήστε το :render-header στην κεφαλίδα όπου απαιτείται προσαρμοσμένη κεφαλίδα για να ενεργοποιήσετε την προσαρμοσμένη κεφαλίδα:

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

Το κουμπί είναι μια προσαρμοσμένη μέθοδος που μπορεί να επιστρέψει το κουμπί.

Σημείωση: Για το στοιχείο κουμπιού που επιστρέφεται στη μέθοδο κουμπιού, δεν μπορείτε να χρησιμοποιήσετε το @click ή το v-on:click για να προσθέσετε μια μέθοδο κλικ σε αυτό δεν θα αναγνωριστεί και θα αναφερθεί σφάλμα. Για να χρησιμοποιήσετε τη συνάρτηση βέλους, κάντε κλικ στο={()=&gt;this.showinfo()}

Εδώ έχει ρυθμιστεί ένα κουμπί και υπάρχει μια μεταβλητή για να καταγράψετε το κουμπί στο οποίο κάνετε κλικ αυτήν τη στιγμή:

δεδομένα(){

ΕΠΙΣΤΡΟΦΗ{

isShow: true // Μεταβλητή για να ελέγξετε το κουμπί, κάντε κλικ στο κουμπί

   }

},

μέθοδοι: {

κουμπί(){

if(this.isShow==true){

//Εάν κάνετε κλικ στο κουμπί, αλλάξτε το χρώμα φόντου του κουμπιού

ΕΠΙΣΤΡΟΦΗ (

            <div>

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