моя контактная информация
Почтамезофия@protonmail.com
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={()=>this.showinfo()}
Здесь настраивается кнопка, и есть переменная для записи того, какая кнопка нажата в данный момент:
данные(){
возвращаться{
isShow: true // Переменная для управления кнопкой, нажмите кнопку
}
},
методы: {
кнопка(){
если(это.isShow==истина){
//Если кнопка нажата, переключаем цвет фона кнопки
возвращаться (
<div>
<el-button on-click={()=>this.show()} style="background: #ffc9c9; color:#606266">фон</el-button>