Click the toggle button in Vue to enable the button and then disable it

<template>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="Date"
      width="200">
    </el-table-column>
     <el-table-column
      prop="state"
      label="Status"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="Name"
      width="120">
      <template slot-scope="scope">
            <el-input placeholder="Please enter content" v-show="scope.row.show" v-model="scope.row.name">
            </el-input>
            <span v-show="!scope.row.show">{{scope.row.name}}
            </span>
        </template>
    </el-table-column>
    <el-table-column
      prop="province"
      label="Province"
      width="120">
    </el-table-column>
    <el-table-column
      prop="city"
      label="Urban area"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="Address"
      width="300"
       :show-overflow-tooltip="true" >
    </el-table-column>
    <el-table-column
      prop="zip"
      label="zip code"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="operation"
      width="300">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">View</el-button>
        <el-button @click="scope.row.show =true" type="text" size="small">Edit</el-button>
        <el-button @click="scope.row.show =false" type="text" size="small">Save</el-button>
        <el-button @click="changeStatus" type="text" size="small" v-if="btnStatus == 0">Enable</el-button>
        <el-button @click="changeStatus" type="text" size="small" v-show="btnStatus == 1">Disable</el-button>

      </template>

    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    methods: {
      handleClick(row) {
        console.log(row);
      },
      changeStatus(){
                this.btnStatus = this.btnStatus === 0 ? 1 : 0;
            }
    },

    data() {
      return {
          btnStatus: 0,
        tableData: [{
          date: '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 Wang Xiaohu',
          province: 'Shanghai',
          city: 'Putuo District',
          address: 'No. 1518, Jinshajiang Road, Putuo District, Shanghai No. 1518, Jinshajiang Road, Putuo District, Shanghai',
          zip: 200333,
          show:true
        }, {
          date: '2016-05-04',

          name: 'Wang Xiaohu',
          province: 'Shanghai',
          city: 'Putuo District',
          address: 'No. 1517, Jinshajiang Road, Putuo District, Shanghai',
          zip: 200333,
          show:true
        }]
      }
    }
}
</script>