el-table裏面添加文本框

實現原代碼

{{scope.$index+1}}

      </el-table-column>
      <el-table-column property="age" label="路徑" width="200">
        <template slot-scope="scope">
          <el-input v-model="scope.row.age" controls-position="right" style="width: 100%" class="inputClass"></el-input>
        </template>
      </el-table-column>
      <el-table-column property="name" label="用戶名" width="120">
        <template slot-scope="scope">
          <el-input v-model="scope.row.name" controls-position="right" style="width: 100px" class="inputClass"></el-input>
        </template>
      </el-table-column>
      <el-table-column property="pass" label="密碼"  width="120">
        <template slot-scope="scope">
          <el-input v-model="scope.row.pass" controls-position="right" style="width: 100px" class="inputClass"></el-input>
        </template>
      </el-table-column>
     </el-table>

效果圖