微信小程式之快遞查詢

2021-07-26 17:58:12 字數 1528 閱讀 6845

實現原理:呼叫介面將獲取的資料展示在介面上。

實現難點:

實現**}

view>

//這裡的bindinput屬性把bindkeyinput函式繫結到了此處

placeholder="快遞查詢"

bindinput="bindkeyinput"/>

//此處bindtap="btnclick"。同上

type="primary"

bindtap="btnclick"> 查詢 button>

scroll-y="true"

style="height: 400px;">

//這裡應用wx:for繫結乙個陣列。並通item代名詞呼叫陣列內部的屬性進行渲染

wx:for="

}">}--

}--view>

scroll-view>

view>

getkuaidi:function

(nu,cb),

header: ,

success: function

(res)

}) }

indexjs

//事件處理函式

bindkeyinput: function(e) )

console.log(this.data

.inputvalue);

},btnclick());

console.log(that.data

.inputinfo);

})},

實現總結:

通過這次小專案的實踐,遇到了乙個問題就是indexjs裡面的this是乙個object,即該indexjs作為一整個物件存在,

e 

__route__

:(...)

get __route__:()

set __route__:()

__wxwebviewid__

:(...)

get __wxwebviewid__:()

set __wxwebviewid__:()

bindkeyinput:()

bindviewtap:()

btnclick:()

data

:object

onhide:()

onload:()

onready:()

onrouteend:()

onshow:()

onunload:()

__proto__

:object

e 

getuserinfo:()

getkuaidi:()

globaldata

:object

onhide:()

onlaunch:()

onshow:()

onunlaunch:()

__proto__

:object

微信小程式入門 快遞查詢小程式的製作

我用的快遞查詢介面是聚合資料的,位址如下 註冊之後再申請介面,在個人中心找到key 後面會用到 如下圖 接下來就準備開發,要將專案設定中的不合法網域名稱勾選,不然執行會報錯 接下來上 簡單的頁面由picker選擇器 文字框和按鈕組成 wxml檔案 請選擇快遞公司 查詢 wxss檔案 input bu...

微信小程式之canvas

initcanvas 複製 rem px 複製 opt.x opt.y x,y是矩形的起點 opt.w opt.h w,h是矩形的寬高 opt.color 顏色 ffffff opt.opacity 透明度 1 opt.fill 是否填充 false drawrect opt else ctx.re...

微信 之小程式支付

二 小程式支付的互動圖 三 在商戶平台新增授權申請單 四 在小程式後台 m a授權 七 後台引數配置 八 具體 實 package 小程式傳給後台的prepay id,signtype md5 wx.requestpayment fail function res complete function...