el-table里面添加文本框

vue 专栏收录该内容
18 篇文章 1 订阅

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>

效果图

在这里插入图片描述

  • 0
    点赞
  • 5
    评论
  • 2
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值