[移动开发]微信小程序使用——入门篇

一、如何更改首页文件位置

答：根目录的app.json下的pages字段

二、如何引入WeUI框架

答：useExtendedLib引入，指定需要引用的扩展库（注：这只是引入方法中最简单的一种）

具体方法：

1.打开根目录的app.json，加入代码

 "useExtendedLib": {
    "weui": true
  }

结果如下图：?

2.在页面的 json 文件加入 usingComponents 配置字段

"usingComponents": {
    "mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
  }

打个比方，我要在pages/index/index.wxml页面要用，

那么我需要把这段代码写在pages/index/index.wxm.json里

3. 在对应页面的 wxml 中直接使用该组件

三、如何进行跳转

?小程序跳转的三种方法：

1.使用导航组件，标签，页面链接来实现（缺点：可以发现点击时有背景）

<view class="btn-area">
 <navigator url="../my/my">跳转到新页面</navigator>
</view>

2. 给页面布局加监听bindtap事件，然后在方法里面，通过wx.navigatorTo来实现跳转（保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面）

在my.wxml中加监听bindtap事件

<view bindtap='jump'>跳转</view>

在my.js中实现跳转

jump:function(){
  wx.navigateTo({
   url: '../login/login',
   success: function(res) {
 
   },
   fail: function(res) {
 
   },
   complete: function(res) {
 
   },
  })
 }

3.通过wx.redirectTo实现跳转（关闭当前页面，跳转到应用内某个页面）

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: '../index/index', 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 
 
 } 

四、跳转失败的几种原因

1.要跳转的路径是不是在app.json里注册过,或者路径写错了

?

2.要跳转的路径是否位于TabBar中，如果是的话，要使用wx.switchTab 来跳转界面

3.页面层级是不是超过五层了。可以用销毁的跳转方式

五、跳转传值后的接收与赋值问题

接收：

onLoad: function (options) {
    var she = options.name;    
    console.log(she)
  },

赋值（官方人员回答）：

不要给data赋值，使用setData来改变data中的值，最好就不要放在 this.data 下。考虑在 this 下另外放个字段。

最终写法：

onLoad: function (options) {
    var she = options.name;
    this.setData({
      she:options.name
    })
    console.log(she)
  },