日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > HTML >内容正文

HTML

前端学习(2677):懂代码之表格BaseTable删除操作

發(fā)布時(shí)間:2023/12/9 HTML 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 前端学习(2677):懂代码之表格BaseTable删除操作 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1第一步

<el-table-column label="操作" width="180" align="center"><template slot-scope="scope"><el-buttontype="text"icon="el-icon-edit"@click="handleEdit(scope.$index, scope.row)">編輯</el-button><el-buttontype="text"icon="el-icon-delete"class="red"@click="handleDelete(scope.$index, scope.row)">刪除</el-button></template>

2點(diǎn)擊刪除按鈕

// 刪除操作handleDelete(index, row) {// 二次確認(rèn)刪除this.$confirm('確定要?jiǎng)h除嗎?', '提示', {type: 'warning'}).then(() => {this.$message.success('刪除成功');this.tableData.splice(index, 1);}).catch(() => {});},``` 3功能演示 ![在這里插入圖片描述](https://img-blog.csdnimg.cn/20201129200140700.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM5MjQ4OQ==,size_16,color_FFFFFF,t_70)

總結(jié)

以上是生活随笔為你收集整理的前端学习(2677):懂代码之表格BaseTable删除操作的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。