アプレットの基本的な文法

レンダリングWXかどうかを判別します。if

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

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

<view wx:else> 3 </view>

リスニング入力ボックスの値

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

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

別のタイトルページのセットアップ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
    })
},

ルート通過パラメータをジャンプ

//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
}

-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)
}

グローバル変数

在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;

アプレットの基本的な文法

おすすめ