亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue.js - 將行的鍵傳遞給函數

Vue.js - 將行的鍵傳遞給函數

慕碼人8056858 2022-06-09 19:10:55
這是我第一次在 vue.js 中處理數據表,所以我從 api 中提取了 teams.id,并將其設置為數據表中每一行的唯一鍵。我的問題是我無法將密鑰傳遞給“刪除”功能。我能夠獲取索引,但我無法找到獲取所述行的鍵的方法。<v-data-table:headers="headers":items="teams":key="teams.id"sort-by="id"class="elevation-1"><template v-slot:item.actions="{ item }"><v-icon        small        @click="deleteItem(item)">    fas fa-trash</v-icon></template></v-data-table>deleteItem(item) {    const index = this.teams.indexOf(item)    if(confirm('Are you sure you want to delete this item?')) {        axios.delete(this.apiUrl+index).then(resp => {            this.teams.splice(index, 1)        })    }},謝謝!
查看完整描述

1 回答

?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

鑒于key此處引用了item自身的屬性,您可以在給定插槽道具的回調函數中訪問該屬性:


deleteItem(item) {

  console.log(item.id) // property exists here

}


查看完整回答
反對 回復 2022-06-09
  • 1 回答
  • 0 關注
  • 122 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號