When vue+ element-UI implements tables, only the first row can be edited or deleted

<el-table :data="tableData" style="width: <el-table-column label=" width="200"> <template slot-scope="scope" V-if ="scope.$index==0"> <el-button Type ="text" size="small" class="detailsBtn" @click="updata(scope.row)"> < I class="el-icon-edit"> </ I > </el-button> <el-button type="text" size="small" class="delBtn" @click="deleteFun(scope.row)"> <i class="el-icon-circle-close"></i> Delete < / el - button > < / template > < / el - table - column > < / el - table > -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- on -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- $index==0; if="scope.$index==0"; =0" <el-table :data="tableData" style="width: <el-table-column label=" width="200"> <template slot-scope="scope" V-if ="scope.$index==0"> <el-button type="text" size="small" class="detailsBtn" @click="updata(scope.row)" :disabled="scope.$index ! < I class="el-icon-edit"> </ I > </el-button> <el-button type="text" size="small" class="delBtn" @click="deleteFun(scope.row)" :disabled="scope.$index ! < I class=" el-icon-circl-close "></ I > Delete </el-button> </template> </el-table-column> </el-table> -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- the key code -- -- -- -- -- -- -- -- -- -- -- -- -- on the need to ban button bindings (el - button) : disabled = "scope. $index! = 0"Copy the code