第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在線等!Vue+elementUI分頁(yè)后使用splice()刪除某一行時(shí)出錯(cuò)求解答!

在線等!Vue+elementUI分頁(yè)后使用splice()刪除某一行時(shí)出錯(cuò)求解答!

牛魔王的故事 2019-09-19 12:38:27
項(xiàng)目有個(gè)表格頁(yè)面使用了elementUI來(lái)做,且開啟了分頁(yè).數(shù)據(jù)渲染完成后,測(cè)試刪除功能發(fā)現(xiàn)個(gè)問(wèn)題:點(diǎn)擊"刪除"后,除了第一頁(yè)正常外,第二頁(yè)開始,無(wú)論點(diǎn)擊的是哪一行的數(shù)據(jù),刪除的都是第一行(0)的數(shù)據(jù)...,我試過(guò)將數(shù)據(jù)直接寫在vue里渲染而不是從后端接口拿,結(jié)果也是一樣的也試過(guò)將要?jiǎng)h除的行的scope.$index和數(shù)據(jù)的id打印出來(lái)看過(guò),和點(diǎn)擊的是一致的,但刪除的依然是第一行的.是不是我的分頁(yè)沒(méi)配置好,還是我的刪除方式有問(wèn)題相關(guān)代碼刪除方法delete(rowData){//刪除文章console.log(rowData)this.tableData.splice(rowData,1)},分頁(yè)代碼刪除修改data(){return{pagesize:10,currentPage:1,tableData:[//表格的數(shù)據(jù),從后端拿]}},created:function(){this.total=this.tableData.length},currentChange(currentPage){this.currentPage=currentPage}各位路過(guò)的老哥們幫小弟看看,跪謝!!
查看完整描述

2 回答

?
四季花海

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超5個(gè)贊

綁定在table上的數(shù)據(jù)是tableData.slice((currentPage-1)*pagesize,和tableData不是同一個(gè)數(shù)組了。最好的做法是按分頁(yè)參數(shù)從后端獲取,刪除一個(gè)之后如果要從數(shù)據(jù)庫(kù)刪除數(shù)據(jù),就得重新調(diào)用列表的接口。如果不涉及后端,建議加一個(gè)計(jì)算屬性來(lái)截取當(dāng)前頁(yè)的數(shù)據(jù),可以適當(dāng)配合watch來(lái)實(shí)現(xiàn)動(dòng)態(tài)刪除
                            
查看完整回答
反對(duì) 回復(fù) 2019-09-19
?
海綿寶寶撒

TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個(gè)贊

這個(gè)問(wèn)題是列表綁定數(shù)據(jù)tableData的原因,如果要實(shí)現(xiàn)刪除功能的話,最好使用id作為刪除依據(jù),要用index就需要保持列表數(shù)據(jù)正確,并且不涉及到淺拷貝。使用后臺(tái)分頁(yè)實(shí)現(xiàn)刪除功能:vue表格常見(jiàn)功能如果要使用前臺(tái)分頁(yè),可以參考我的博客vue實(shí)現(xiàn)前臺(tái)分頁(yè)。
                            
查看完整回答
反對(duì) 回復(fù) 2019-09-19
  • 2 回答
  • 0 關(guān)注
  • 1330 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)