項(xiàng)目場(chǎng)景:
微信小程序商城開(kāi)發(fā)中商品詳情頁(yè)中購(gòu)物車頁(yè)面的跳轉(zhuǎn)(僅限于tabbar頁(yè)面的跳轉(zhuǎn))
?
問(wèn)題描述
點(diǎn)擊商品詳情頁(yè)中的購(gòu)物車圖標(biāo)跳轉(zhuǎn)不到tabbar及導(dǎo)航欄中的購(gòu)物車頁(yè)面,總是報(bào)錯(cuò)
原因分析:
微信小程序開(kāi)發(fā)需要跳轉(zhuǎn)tabbar頁(yè)面的話,有固定的跳轉(zhuǎn)方式,不是開(kāi)發(fā)中所有的跳轉(zhuǎn)方式都適用于tabbar跳轉(zhuǎn)
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-581879.html
解決方案:
1.wxml頁(yè)面中,在購(gòu)物車按鈕設(shè)置里天添加bind:click="go_shopping_car",這里我用的是vant組件,沒(méi)用的就在自己寫的按鈕的代碼段里加這個(gè)
<van-goods-action-icon icon="cart-o" text="購(gòu)物車" bind:click="go_shopping_car"/>
2.在js頁(yè)面中輸入如下代碼,url后的鏈接是tabbar中購(gòu)物車的地址,這個(gè)地址在app.json的pages里也有
go_shopping_car:function () { ????wx.switchTab({ ??????url: '/pages/shopping_car/shopping_car', ????}) ??},
?文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-581879.html
ps:該方法僅用于tabbar頁(yè)面的跳轉(zhuǎn),且改文章僅是記錄自己學(xué)習(xí)中遇到的問(wèn)題
?
?
到了這里,關(guān)于微信小程序商城開(kāi)發(fā)-商品詳情頁(yè)跳轉(zhuǎn)購(gòu)物車的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!