小程序:路由函数

来自CloudWiki
跳转至: 导航搜索

NavigateTo函数

作用:跳转到别的页面

welcome.js:

  onTap: function(params) {
    console.log(123)
    wx.navigateTo({
      url: "/pages/posts/posts"
    })      
  },

welcome.wxml:

<view class="container">
     <l-avatar l-text-class="l-avatar-text" class="l-avatar" placement="bottom" open-data="{{['userAvatarUrl','userNickName']}}" size="180"/>
	
    <text class="motto">Hello ,大家好 !</text>
    <view bind:tap="onTap" class="journey-container">
      <text class="journey">开启小程序之旅</text>
    </view>
</view>

RedirectTo函数

welcome.js:

  onTap: function(params) {
    console.log(123)
    wx.redirectTo({
      url: "/pages/posts/posts"
    })      

  },

welcome.wxml:

<view class="container">
     <l-avatar l-text-class="l-avatar-text" class="l-avatar" placement="bottom" open-data="{{['userAvatarUrl','userNickName']}}" size="180"/>
	
    <text class="motto">Hello ,大家好 !</text>
    <view bind:tap="onTap" class="journey-container">
      <text class="journey">开启小程序之旅</text>
    </view>
</view>

NavigateTo和RedirectTo的区别

  • NavigateTo:当前页面不会关闭实际跳转的是它的子页面
  • RedirectTo:当前页面会销毁