用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

小程序开发笔记

纸飞机 2018-3-8 09:39

1、taBar不显示tabBar的注册是在app.json中,list中pagePath的值要按pages中注册的路径得顺序赋值2、for循环循环的时候,数组遍历的不能是对象循环的时候,数组遍历的是对象 {{index + 1}}. {{value}} 3、 ...

1、taBar不显示

tabBar的注册是在app.json中,list中pagePath的值要按pages中注册的路径得顺序赋值

2、for循环

循环的时候,数组遍历的不能是对象

循环的时候,数组遍历的是对象


       {{index + 1}}. {{value}}
   

3、navigatorTo:fail url not in app.json

这是导航页面跳转出现的错误,主要原因是没有在app.json内注册该跳转的路径。

navigator 导航导航分三种

open-type="navigate" 打开新界面

open-type="redirect" 在本界面中打开新界面

open-type="switchTab" 控制tab页之间的切换,只能打开tabBar注册的界面

4、scroll-view

使用竖向滚动时,需要给一个固定高度。

还要给填充内容才会执行loadMore,refresh。


5、页面传参

传递字符串

Page({  
  data: {  
    testStr: '字符串'  
  },  
  onLoad: function () {  
  },  
  next: function(e){  
    wx.navigateTo({  
      url: '/pages/test/test?str='+this.data.testStr,  
    })  
  }  
})

接收字符串

Page({  
  data:{  
  },  
  onLoad:function(options){  
    console.log("接收到的参数是str="+options.str);  
  }  
})

传递对象

Page({  
  data: {  
    testData:{name:'我是name', extra:'我是extra'}  
  },  
  onLoad: function () {  
  },  
  next: function(e){  
    wx.navigateTo({  
      url: '/pages/test/test?extra='+JSON.stringify(this.data.testData)  
    })  
  }  
})

接收对象

Page({  
  data:{  
     testData:null  
  },  
 onLoad:function(options){      
     console.log("接收到的参数是obj="+options.extra); 
     this.dat.testData = JSON.parse(options.extra); 
  }
})

传递list

Page({  
  data: {  
    list:['item-A','item-B']  
  },  
  onLoad: function () {  
  },  
  next: function(e){  
    wx.navigateTo({  
      url: '/pages/test/test?list='+JSON.stringify(this.data.list),  
    })  
  }  
})

接收list

Page({  
  data:{  
     list:[]  
  },    
 onLoad:function(options){      
     console.log("接收到的参数是list="+options.list); 
     this.data.list = JSON.parse(options.list);
 }
})

6、点击事件传参

通过wxml设置data-[参数名]传递参数,[参数名]只能是小写,不能有大写


    ...

接收点击参数

Page({
    clickMe: function(event) {
        var albumList = event.currentTarget.dataset.albumlist.split(",");
        wx.navigateTo({
            url: '../../pages/test/test'
        })
    }
})

7、获取form表单的值

通过bindinput获取input值

wxml页面:


  你输入的是:{{inputValue}}
  

js页面

bindKeyInput: function(e) {
    this.setData({
      inputValue: e.detail.value
    })
  }

通过bindvubmit获取input值

wxml页面:

js页面

formSubmit: function(e) {
  var detail = e.detail.value.detail;
  var realname = e.detail.value.realname;
  var mobile = e.detail.value.mobile;
}
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏