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>

效果图