elementUi 表格单元格切换编辑状态

<div id="app">
   <el-table :data="tableData">
       <el-table-column v-for="(item, idx) in tableColumn" :key="idx" :prop="item.prop" :label="item.label">
          <template slot-scope="scope" >
            <div v-if="scope.column.property === 'editTag'">
                <p v-show="scope.row.editTag.isShow" v-text="scope.row.editTag.value" @click="edit('', scope)">p>
                <el-input v-show="!scope.row.editTag.isShow" v-model="scope.row.editTag.value" @blur.stop="edit($event, scope)">el-input>
            div>
            <div v-else>
                <span v-text="scope.row[item.prop]">span>
            div>
            template>
       el-table>
  div>





转载于:https://www.cnblogs.com/failed/p/10978039.html

你可能感兴趣的:(javascript,ui,ViewUI)