type='password' class="weui-input" placeholder="请输入密码" />Page({ // 监听输入watchPassWord: function (event) { console.log(event.detail.value);} })
  1. 为单独页面设置标题 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})
},
  1. 路由跳转传递参数
//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);//1console.log(data2);//2
}
  1. 微信小程序–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)
}
  1. 全局变量
在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;
  1. 小程序获取元素的方法
var query = wx.createSelectorQuery();//选择idquery.select('#mjltest').boundingClientRect()query.exec(function (res) {
    //res就是 所有标签为mjltest的元素的信息 的数组console.log(res);//取高度that.setData({
    scrollHeight: res[0].height+'px'})})
  1. 小程序绑定事件的方法中传参的方式
<view class='order_btn' bindtap='robOrder' data-id="{
    {item.id}}">抢单</view>robOrder(e) {
    let id = e.currentTarget.dataset['id'];console.log(id)
}
查看全文
  相关解决方案