本文章目標：點擊刪除圖標實現對應數據刪除
實現步驟如下：

一：將服務器端獲取數據中數據id值綁定到刪除圖標（重點）

即在渲染時，利用自定義屬性，為td設置id值

<td data-id = "${ele.id}"><i class="bi bi-pencil-square edit"></i><i class="bi bi-trash3 del"></i>
</td>

二：利用事件委托，綁定點擊事件，并獲取文章id

三：向服務器傳遞數據

document.querySelector('.art-list').addEventListener('click', async (e) => {if (e.target.classList.contains('del')) {const delId = e.target.parentNode.dataset.idconsole.log(delId);const res = await axios({url: `/v1_0/mp/articles/${delId}`,method: 'delete'})console.log(res);getArtileList()}
})

四：刪除最后一條，實現列表頁跳轉

const children = document.querySelector('.art-list').children
//根據向服務器請求的那樣，會請求當前的數據條數console.log(children);if (children.length === 1 && searchUrl.page !== 1) {searchUrl.page--document.querySelector('.page-now').innerHTML = `第${searchUrl.page}頁`getArtileList()}

。。。先這樣吧，今天學累了。明天再詳細整理一下這篇文檔