Обмен технологиями

Как элемент реализует собственный заголовок?

2024-07-12

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

Иногда нам необходимо реализовать собственный заголовок, например добавить кнопку в заголовок. Однако официальное описание использования пользовательских заголовков относительно просто. подробно сегодня.

Используйте :render-header в заголовке, где для включения пользовательского заголовка требуется пользовательский заголовок:

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

button — это собственный метод, который может возвращать кнопку.

Примечание. Для элемента кнопки, возвращаемого методом кнопки, вы не можете использовать @click или v-on:click для добавления к нему метода щелчка. Он не будет распознан, и будет сообщено об ошибке. Чтобы использовать функцию стрелки, on-click={()=&gt;this.showinfo()}

Здесь настраивается кнопка, и есть переменная для записи того, какая кнопка нажата в данный момент:

данные(){

возвращаться{

isShow: true // Переменная для управления кнопкой, нажмите кнопку

   }

},

методы: {

кнопка(){

если(это.isShow==истина){

//Если кнопка нажата, переключаем цвет фона кнопки

возвращаться (

            <div>

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