vue列表修改数据，加图标可以修改，点击图标整列可修改，不点击时input不可选

vue:
	<el-table-column align="center" label="ゴルフ場コード" prop="clubCode" width="130px">
       <template slot-scope="scope">
         <i class="el-icon-edit" @click="changeNum(scope.row, scope.$index)">
            <el-input type="text" v-model="scope.row.clubCode" class="cell-input" :disabled="!scope.row.changeNums" style="width:90px"  @change="changeValue"/>
         </i>
        </template>
      </el-table-column>
      methods: {
		    changeNum(row, index){
		      console.log('0000000000000000');
		      console.log(index);
		      console.log(row);
		      const temp = JSON.parse(JSON.stringify(row));
		      temp.changeNums = true;
		      this.$set(this.tableData.list, index, temp);
		    },
		    changeValue(){
		      console.log(11111);
		      event.currentTarget.style.background = "red"
		    },

}