vue+elementUi 动态添加删除table表格

最新推荐文章于 2024-02-28 16:20:01 发布

weixin_46156770

最新推荐文章于 2024-02-28 16:20:01 发布

阅读量1.6k

点赞数

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_46156770/article/details/114393713

版权

本文详细介绍了如何使用Vue.js结合ElementUI库动态添加和删除表格行，包括实例代码和步骤解析，帮助开发者理解组件化开发中的动态数据绑定和事件处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="addPlus" style="margin-top:15px;">
                    <el-button type='primary' @click="addLevel" size='mini'>添加关卡</el-button>
                </div>
                <el-table :data="customList" size='mini' style="width: 100%;margin-top:15px">
                    <el-table-column label="关卡名称">
                        <template slot-scope='scope'>
                            关卡{
  {scope.$index+1}}
                        </template>
                    </el-table-column>
                    <el-table-column prop="questionName" label="试题名称">
                        <template slot-scope="scope">
                            <el-input disabled v-model="scope.row.questionName" size='mini'></el-input>