elementUI表格实现可编辑和增加行功能--直接复制即可

置顶 suoh's Blog

已于 2024-04-30 11:16:18 修改

阅读量1.1w

点赞数 9

分类专栏： ❤️❤️--vue2 ❤️❤️--vue2核心技术栈文章标签： elementUI表格表格新增和编辑表格双击可编辑

于 2020-07-16 17:24:37 首次发布

本文链接：https://blog.csdn.net/qq_41579104/article/details/107387524

版权

❤️❤️--vue2核心技术栈同时被 2 个专栏收录

53 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

❤️❤️--vue2

26 篇文章

订阅专栏

本文介绍了如何在ElementUI中实现表格的编辑和新增行功能。通过双击表格单元格进行编辑，同时提供了在表格底部添加新行的方法。用户可以根据提供的data和methods中的定义，自定义操作并绑定到页面按钮上。

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

结构：

 <div class="twoTable fuceng">
        <div class="h_top">
          <span>新建任务</span>
          <img src="../../../../static/img/close.png" alt="" @click="close_twoTableDelete">
        </div> 
        <div class="h_center">
            <div class="task_2">
                <div class="selectInfo inputBorder" >
                    <input v-model="keyword2" type="text" placeholder="请输入你想搜索的描述信息">
                    <img src="../../../../static/img/select1.png" alt="">