【无标题】

中table表单渲染后更改某项数据

表单数据

 <el-table
    ref="multipleTable"
    :data="tableData"
    border
    style="width: 100%"
    :row-class-name="selectRow"
    @row-click="rowClick"
    @selection-change="handleGc"
    :show-summary="showSummary"
  >
<el-table-column
        v-else-if="item.type === 'state'"
        :key="item.prop"
        :width="item.width"
        :label="item.label"
        :prop="item.prop"
      >
        <template slot-scope="scope">
            <div>
              <el-tag
                ***v-if="!scope.row.isEdit"
                @click="scope.row.state !== 6 ? handleTagClick(scope.row, scope.$index) : null"
                :type="tagType(scope.row.state)"***
              >
                {{ item.callback && item.callback(scope.row) }}
              </el-tag>
              <!-- el-select element -->
              <el-select
                v-if="scope.row.isEdit"
                v-model="putState"
                class="select-state"
                placeholder="请选择"
                @change="fn"
                @visible-change="blurFn($event, scope.row)"
                size="mini">
                  <el-option v-for="item in stateData" :key="item.value" class="option" :label="item.name" :value="item.stateCode" :disabled="item.stateCode === 6"/>
              </el-select>
            </div>
        </template>
      </el-table-column>
  </el-table>

再点击事件中可以进行其他操作