vuejs2 - VueJS - Element UI : 1 行の編集を有効にする方法 el-table-column

Question

有効化および無効化パラメーターを使用して行テーブルを編集できるようにしたいのですが、編集ボタン アクションをクリックすると 1 つの行テーブルが有効になりますが、保存ボタン アクションをクリックすると無効になります。デフォルトのテーブル値は無効になっています。

それは私のコードです：

<el-table :data="tableData" :key="index" style="width: 100%" stripe>
        <el-table-column label="Name">
          <template slot-scope="scope">
            <el-input v-model="scope.row.name" :disabled="isEdit"></el-input>
          </template>
        </el-table-column>
        <el-table-column label="Address">
          <template slot-scope="scope">
            <el-input v-model="scope.row.address" :disabled="isEdit"></el-input>
          </template>
        </el-table-column>
        <el-table-column>
          <template slot-scope="scope">
            <el-button type="default" @click="handleSaveRow">Save</el-button>
            <el-button type="primary" @click="handleEditRow">Edit</el-button>
          </template>
        </el-table-column>
      </el-table>

しかし、編集ボタンをクリックすると、列のすべての行が有効になります。

予想: 編集をクリックすると、テーブルの 1 行を変更して有効にすることができます

フィドル: https://jsfiddle.net/dede402/otxahoev/