Element mit Auswahltabelle zum Ändern des Kontrollkästchens in der Kopfzeile in Textimplementierungscode

<el-Tabelle
    ref="mehrereTabelle"
    :data="Tabellendaten"
    :header-cell-class-name="Zellenklasse"
    Stil="Breite: 100%">
    <el-table-column
      Typ="Auswahl">
    </el-Tabellenspalte>
    <el-table-column
      Bezeichnung="Datum"
      Breite="120">
      <template slot-scope="scope">{{ scope.row.date }}</template>
    </el-Tabellenspalte>
    <el-table-column
      Eigenschaft = "Name"
      Bezeichnung="Name"
      Breite="120">
    </el-Tabellenspalte>
    <el-table-column
      prop="Adresse"
      label="Adresse"
      >
    </el-Tabellenspalte>
  </el-Tabelle>

Daten() {
      zurückkehren {
        Tabellendaten: [{
          Datum: '2016-05-03',
          Name: 'Wang Xiaohu',
          Adresse: „Nr. 1518, Jinshajiang Road, Bezirk Putuo, Shanghai“
        }, {
          Datum: '2016-05-02',
          Name: 'Wang Xiaohu',
          Adresse: „Nr. 1518, Jinshajiang Road, Bezirk Putuo, Shanghai“
        }],
        Mehrfachauswahl: []
      }
    },
    Methoden: {
      Zellenklasse(Zeile){
        wenn(Zeilen-.Spaltenindex===0){
          returniere „DisabledSelection“
        }
      }
    }

.el-table /deep/.DisabledSelection .cell .el-checkbox__inner{
  Anzeige: keine;
  Position: relativ;
}
.el-table /deep/.DisabledSelection .cell:before{
  Inhalt: „Auswählen“;
  Position: absolut;
  rechts 11px;
}

<el-Tabelle
    ref="mehrereTabelle"
    :data="Tabellendaten"
    Stil="Breite: 100%"
    @selection-change="handleSelectionChange">
    <el-table-column label-class-name="Deaktivierte Auswahl"
      Typ="Auswahl">
    </el-Tabellenspalte>
    <el-table-column
      Bezeichnung="Datum"
      Breite="120">
      <template slot-scope="scope">{{ scope.row.date }}</template>
    </el-Tabellenspalte>
    <el-table-column
      Eigenschaft = "Name"
      Bezeichnung="Name"
      Breite="120">
    </el-Tabellenspalte>
    <el-table-column
      prop="Adresse"
      label="Adresse"
      Überlauf-Tooltip anzeigen>
    </el-Tabellenspalte>
  </el-Tabelle>

.el-table /deep/.DisabledSelection .cell .el-checkbox__inner{
  Anzeige: keine;
  Position: relativ;
}
.el-table /deep/.DisabledSelection .cell:before{
  Inhalt: „Auswählen“;
  Position: absolut;
  rechts 11px;
}

<el-Tabelle
    ref="mehrereTabelle"
    :data="Tabellendaten"
    Stil="Breite: 100%"
    @selection-change="handleSelectionChange">
    <el-table-column
      Typ="Auswahl">
    </el-Tabellenspalte>
    <el-table-column
      Bezeichnung="Datum"
      Breite="120">
      <template slot-scope="scope">{{ scope.row.date }}</template>
    </el-Tabellenspalte>
    <el-table-column
      Eigenschaft = "Name"
      Bezeichnung="Name"
      Breite="120">
    </el-Tabellenspalte>
    <el-table-column
      prop="Adresse"
      label="Adresse"
      Überlauf-Tooltip anzeigen>
    </el-Tabellenspalte>
  </el-Tabelle>

montiert(){
  dies.$nextTick(()=>{
    dies.init();
  })
},
Methoden: {
  init(){
  document.querySelector(".el-checkbox__inner").style.display="keine";
  document.querySelector(".cell").innerHTML = 'Auswählen'      
      }
}

<el-Tabelle
      :data="Tabellendaten"
      Stil="Breite: 100%">
      <el-table-column
        prop="Datum"
        label="Auswählen"
        Breite="50">
        <template slot-scope="Umfang">
          <el-checkbox></el-checkbox></Vorlage>
      </el-Tabellenspalte>
      <el-table-column
        Eigenschaft = "Name"
        Bezeichnung="Name"
        Breite="180">
      </el-Tabellenspalte>
      <el-table-column
        prop="Adresse"
        label="Adresse">
      </el-Tabellenspalte>
    </el-Tabelle>

.el-table__header .el-table-column--selection .cell .el-checkbox {
  Anzeige: keine
}
.el-table__header .el-table-column--Auswahl .cell:vorher {
  Inhalt: "Auswählen";
}