- 判断是否渲染 wx:if
<view wx:if="{
{a>1}}"> 1 </view><view wx:elif="{
{a>2}}"> 2 </view><view wx:else> 3 </view>
- 监听input框的值
<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);//1console.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;
- 小程序获取元素的方法
var query = wx.createSelectorQuery();//选择idquery.select('#mjltest').boundingClientRect()query.exec(function (res) {
//res就是 所有标签为mjltest的元素的信息 的数组console.log(res);//取高度that.setData({
scrollHeight: res[0].height+'px'})})
- 小程序绑定事件的方法中传参的方式
<view class='order_btn' bindtap='robOrder' data-id="{
{item.id}}">抢单</view>robOrder(e) {
let id = e.currentTarget.dataset['id'];console.log(id)
}