小程序的一些语法问题，监听inout框，全局变量，获取元素，事件绑定函数传参...

1. 判断是否渲染 wx:if

<view wx:if="{{a>1}}"> 1 </view>

<view wx:elif="{{a>2}}"> 2 </view>

<view wx:else> 3 </view>

2. 监听input框的值

<input bindinput='watchPassWord' type='password' class="weui-input" placeholder="请输入密码" />

Page({
  // 监听输入
  watchPassWord: function (event) {
    console.log(event.detail.value);
  }
})

3. 为单独页面设置标题 json

   想修改整个程序的导航栏，在app.json文件 修改

 "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "修改，改变程序导航栏名称",
    "navigationBarTextStyle": "black"
  }

想修改单页面的导航栏的，在要修改的页面文件夹中的json文件中填写以下代码即可修改

"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTitleText": "单独页面",
"navigationBarTextStyle": "black"

也可在js中动态加载

onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: '当前页面'  //修改title
    })
},

4. 路由跳转传递参数

//A页面  实现跳转
 wx.navigateTo({
    url: '/page/b/b?data1=' + a + '&data2=' + b
})

//B页面  接收参数
onLoad: function (options) {
    let data1 = options.data1;
    let data2 = options.data2;
    console.log(data1);//1
    console.log(data2);//2
}

5. 微信小程序–data的赋值与取值

//页面js文件中这么写
Page({
  data: {
    message: 'Hello MINA!'
  }
})

//页面wxml文件中这么写
<view> {{ message }} </view>

//页面js中修改data变量
function setData(){
    var that = this;
    that.setData({
      message: '新消息'
    })
}

//页面js中获取data变量
function getData(){
    var that = this;
    console.log(that.data.message)
}

6. 全局变量

在app.js中设置全局变量
//app.js
App({
  onLaunch: function () {
    this.globalData = {
      test: 1
    }
  }
})
//或者
App({
  onLaunch: function () {
  },
  globalData :{
  
  }
})

//获取全局变量
var app = getApp();
var test = app.globalData.test;

//更新全局变量
var app = getApp();
app.globalData.test = 2;

7. 小程序获取元素的方法

var query = wx.createSelectorQuery();
    //选择id
    query.select('#mjltest').boundingClientRect()
    query.exec(function (res) {
      //res就是 所有标签为mjltest的元素的信息 的数组
      console.log(res);
      //取高度
      that.setData({
        scrollHeight: res[0].height+'px'
      })
    })

8. 小程序绑定事件的方法中传参的方式

<view class='order_btn' bindtap='robOrder' data-id="{{item.id}}">抢单</view>

robOrder(e) {
 let id = e.currentTarget.dataset['id'];
 console.log(id)
}