微信小程序---案例(快递查询)

2019独角兽企业重金招聘Python工程师标准>>>

<!--index.wxml-->
<view class="container">
    <input placeholder="请输入订单号" />
    <button style="primary" bindtag = "btnClick" >你好</button>
</view>

/**index.wxss**/
input{
  border: 1px solid red ;
  width: 90%;
  margin: 5%;
}

定义数据

data: {
    motto: 'Hello World',
    userInfo: {},
    expressNu:null,
    expressInfo:null //数据的数组数据;
  },

输入框的输入值监听事件

组件的使用;

<input placeholder="请输入订单号" bindinput="input" />

方法的调用

 input : function(e){
    this.setData({expressNu:e.detail.value})
  },

App中的方法

    var thispage = this;
    app.getExpressInfo(this.data.expressNu,function(data){
        console.log(data)
        thispage.setData({expressInfo:data})
    });

 

转载于:https://my.oschina.net/yanglingui/blog/911824