記錄一下這次嘔心瀝血的弄出來(lái)的這個(gè)二維碼帶參數(shù)跳轉(zhuǎn)。
需求是這樣的，有一個(gè)訂單，我們需要根據(jù)這個(gè)訂單的內(nèi)容生成對(duì)應(yīng)的二維碼，用戶(hù)在掃這個(gè)二維碼的時(shí)候進(jìn)入指定頁(yè)面，并且顯示這個(gè)訂單的信息。剛開(kāi)始我發(fā)現(xiàn)小程序和pc的域名一樣，只是后邊的路由不同，所以我就是直接生成一個(gè)二維碼，設(shè)置參數(shù)跳轉(zhuǎn)的url：'域名'+‘page/order/details’+參數(shù)，可是我發(fā)現(xiàn)根本獲取不到參數(shù)，于是我找了個(gè)視頻，視頻上說(shuō)只能通過(guò)后端api生成的二維碼跳轉(zhuǎn)，或者通過(guò)scheme轉(zhuǎn)化成http鏈接喚起小程序。
所以，前端想要自己生成二維碼來(lái)跳轉(zhuǎn)，必須要對(duì)跳轉(zhuǎn)地址進(jìn)行一些處理。
這邊我測(cè)試是通過(guò)這里快速編碼和草料二維碼，地址如下：
我們正常使用需要使用encodeURIComponent來(lái)轉(zhuǎn)換地址。不管怎么說(shuō)我還是得到了跳轉(zhuǎn)地址，然后需要注意的是，支付寶小程序的全局參數(shù)只能通過(guò)app.vue中的onLaunch獲得。
這里我們需要傳輸?shù)娜謪?shù)會(huì)以返回值的格式給我們，所以我們獲取到返回值，并且放到全局變量里。
然后我們?cè)谛枰褂玫捻?yè)面的onload中獲?。?/p>
