Klicken Sie in Vue auf den Umschaltknopf, um die Schaltfläche zu aktivieren und dann zu deaktivieren.

<Vorlage>
  <el-Tabelle
    :data="Tabellendaten"
    Grenze
    Stil="Breite: 100%">
    <el-table-column
      behoben
      prop="Datum"
      Bezeichnung="Datum"
      Breite="200">
    </el-Tabellenspalte>
     <el-table-column
      prop="Staat"
      Bezeichnung="Status"
      Breite="150">
    </el-Tabellenspalte>
    <el-table-column
      Eigenschaft = "Name"
      Bezeichnung="Name"
      Breite="120">
      <template slot-scope="Umfang">
            <el-input placeholder="Bitte Inhalt eingeben" v-show="scope.row.show" v-model="scope.row.name">
            </el-Eingabe>
            <span v-show="!scope.row.show">{{scope.row.name}}
            </span>
        </Vorlage>
    </el-Tabellenspalte>
    <el-table-column
      prop="Provinz"
      label="Provinz"
      Breite="120">
    </el-Tabellenspalte>
    <el-table-column
      prop="Stadt"
      label="Stadtgebiet"
      Breite="120">
    </el-Tabellenspalte>
    <el-table-column
      prop="Adresse"
      label="Adresse"
      Breite="300"
       :show-overflow-tooltip="true" >
    </el-Tabellenspalte>
    <el-table-column
      prop="zip"
      label="Postleitzahl"
      Breite="120">
    </el-Tabellenspalte>
    <el-table-column
      fest="richtig"
      Bezeichnung = "Vorgang"
      Breite="300">
      <template slot-scope="Umfang">
        <el-button @click="handleClick(scope.row)" type="text" size="small">Anzeigen</el-button>
        <el-button @click="scope.row.show =true" type="text" size="small">Bearbeiten</el-button>
        <el-button @click="scope.row.show =false" type="text" size="small">Speichern</el-button>
        <el-button @click="changeStatus" type="text" size="small" v-if="btnStatus == 0">Aktivieren</el-button>
        <el-button @click="changeStatus" type="text" size="small" v-show="btnStatus == 1">Deaktivieren</el-button>

      </Vorlage>

    </el-Tabellenspalte>
  </el-Tabelle>
</Vorlage>

<Skript>
  Standard exportieren {
    Methoden: {
      handleClick(Zeile) {
        konsole.log(Zeile);
      },
      Status ändern(){
                this.btnStatus = this.btnStatus === 0 ? 1 : 0;
            }
    },

    Daten() {
      zurückkehren {
          btnStatus: 0,
        Tabellendaten: [{
          Datum: '2016-05-02',

          Name: ‚Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu Wang Xiaohu‘,
          Provinz: 'Shanghai',
          Stadt: 'Putuo District',
          Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
          PLZ: 200333,
          anzeigen:wahr
        }, {
          Datum: '2016-05-04',

          Name: 'Wang Xiaohu',
          Provinz: 'Shanghai',
          Stadt: 'Putuo District',
          Adresse: „Nr. 1517, Jinshajiang Road, Putuo District, Shanghai“,
          PLZ: 200333,
          anzeigen:wahr
        }]
      }
    }
}
</Skript>