阅读背景:

el-table实现表格的编辑、删除、以及新增行的方法

来源:互联网 

直接上代码:

html部分:

<el-form :model="inServForm" ref="inServForm"  label-width="130px" size="small">
                <el-form-item label="输入参数列表"  prop="servin" >
                <el-button type="primary" @click="addRow(infiledList)">新增</el-button>
               <template>
                 <el-table border :data="infiledList" style="width: 100%" >
                      <el-table-column prop="fildna" label="名称" style="width:6vw;" >
                        <template scope="scope">
                           <el-input size="mini" v-model="scope.row.fildna"  ></el-input>
                       </template>
                       </el-table-column>
                      <el-table-column  prop="fildtp" label="类型">
                      <template scope="scope">
                            <el-select v-model="scope.row.fildtp" clearable  >
                              <el-<el-form :model="inServF



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: