在做小程序購物車列表頁面的時(shí)候欠拾,該頁面需要給每個(gè)商品都配置一個(gè)加減按鈕菠秒,此時(shí)遇到了一個(gè)問題恶阴,由于這里涉及到了一個(gè)for循環(huán)把商品循環(huán)輸出出來淌山,所以無法像在商品詳情頁設(shè)置時(shí)一樣去寫操作,因此爹耗,如何確保你進(jìn)行加減操作時(shí)耙考,讓程序知道你正在操作的是哪一個(gè)商品。
針對服務(wù)端返回的數(shù)據(jù)潭兽,最終采用的是以下方法解決,即使用data-*屬性斗遏,給每個(gè)加減操作進(jìn)行賦值:data-index={{index}}山卦,使得在進(jìn)行加減操作的時(shí)候可以根據(jù)index的值對應(yīng)找到相應(yīng)的商品。
頁面代碼如下:(由于在小程序復(fù)制時(shí)一直復(fù)制不過來代碼诵次,只好采用截圖方式)
以上是針對這一次遇到的問題做的一次記錄账蓉,以上的代碼是針對我自己的數(shù)據(jù)結(jié)構(gòu)做的,如果數(shù)據(jù)結(jié)構(gòu)不同的逾一,可以針對實(shí)際情況進(jìn)行調(diào)整铸本。
參考:https://www.cnblogs.com/linxin/p/6834206.html