求指点,elment-ui table 组件中 append方法的用法 或者怎么新增一行。

<el-dialog title="选择班级" :visible.sync="classForm2" size="small">
      <el-table :data="tableData" class="tForm">
        <el-table-column property="year" label="入学年份" width="180">
          <template slot-scope="scope">
            <el-select v-model="tableData.tSchool" placeholder="请选择">
              <el-option v-for="item in teacherTime" :key="item.sTime" :label="item.sTime" :value="item.sTime">
              </el-option>
            </el-select>

          </template>
        </el-table-column>
        <el-table-column property="name" label="班级名称" width="200">
          <template slot-scope="scope">
            <el-select v-model="tableData.tClass" placeholder="请选择">
              <el-option v-for="item in classNam" :key="item.label" :label="item.label" :value="item.label">
              </el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column property="address" label="所教科目">
          <template slot-scope="scope">
            <el-select v-model="tableData.sub" placeholder="请选择">
              <el-option v-for="item in sub" :key="item.sub" :label="item.sub" :value="item.sub">
              </el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column property="address" label="教材版本">
          <template slot-scope="scope">
            <el-select v-model="tableData.book" placeholder="请选择">
              <!--<el-option v-for="item in teacherTime" :key="item.sTime" :label="item.sTime" :value="item.sTime">-->
              <!--</el-option>-->
            </el-select>
          </template>
        </el-table-column>
        <el-table-column property="address" label="操作">
          <template slot-scope="scope">
            <el-button @click="">添加</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button @click="classForm2 = false">取 消</el-button>
        <el-button type="primary" @click="classForm2 = false">确 定</el-button>
      </div>
    </el-dialog>

1,点击添加按钮的时候怎么使用append方法或者怎么样在表格后面插入一行

图片描述

图片描述

阅读 24.3k
2 个回答

题主,这个append是一个slot并不是一个方法如果你要插入一行直接在tableData中添加push一行数据就好
了!
你的表格写的好像有问题每一列应该这样写

    <el-table-column property="address" label="所教科目">
      <template slot-scope="scope">
        <el-select v-model="scope.row.sub" placeholder="请选择">
          <el-option v-for="item in sub" :key="item.sub" :label="item.sub" :value="item.sub">
          </el-option>
        </el-select>
      </template>
    </el-table-column>
    

<el-table :data="tableData">
把你要添加的数据直接push进tableData就行了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题