当前位置: 首页 > news >正文

网站的推广优化西安网站制作推广

网站的推广优化,西安网站制作推广,phpcms调用网站名称,给自己广告公司宣传微信小程序开发系列 文章目录 前言一、介绍1.wx.switchTab(Object object)2.wx.reLaunch(Object object)3.wx.redirectTo(Object object)4.wx.navigateTo(Object object)5.wx.navigateBack(Object object) 前言 在开发微信小程序中基本都会用到页面跳转,微信小程序…

微信小程序开发系列


文章目录

  • 前言
  • 一、介绍
    • 1.wx.switchTab(Object object)
    • 2.wx.reLaunch(Object object)
    • 3.wx.redirectTo(Object object)
    • 4.wx.navigateTo(Object object)
    • 5.wx.navigateBack(Object object)


前言

在开发微信小程序中基本都会用到页面跳转,微信小程序提供了几个页面跳转函数。它们之间有一些区别,试用用时需要注意,否则会达不到预期效果。下面介绍这几种页面跳转的的区别。


一、介绍

一共提供了五个页面跳转函数,它们都支持 Promise 风格 调用。

1.wx.switchTab(Object object)

描述:
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,该函数是跳转到底部tabBar时使用的。
参数:
Object object

属性类型必填说明
urlstring需要跳转的 tabBar 页面的路径 (代码包路径)(需在 app.json 的 tabBar 字段定义的页面),路径后不能带参数。
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

代码示例:

// app.json
{"tabBar": {"list": [{"pagePath": "index","text": "首页"},{"pagePath": "other","text": "其他"}]}
}
wx.switchTab({url: '/index'
})

2.wx.reLaunch(Object object)

描述:
关闭所有页面,打开到应用内的某个页。
参数:
Object object

属性类型必填说明
urlstring需要跳转的应用内页面路径 (代码包路径),路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

代码示例:

wx.reLaunch({url: 'test?id=1'
})

3.wx.redirectTo(Object object)

描述:
关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
参数:
Object object

属性类型必填说明
urlstring需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 ‘path?key=value&key2=value2’
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

代码示例:

wx.redirectTo({url: 'test?id=1'
})

4.wx.navigateTo(Object object)

描述:
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
参数:
Object object

属性类型必填说明
urlstring需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 ‘path?key=value&key2=value2’
eventsObject页面间通信接口,用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
routeTypestring2.29.2 自定义路由类型,相关文档 自定义路由

object.success
回调函数参数 Object res

属性类型说明
eventChannelEventChannel和被打开页面进行通信

示例代码

wx.navigateTo({url: 'test?id=1',events: {// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据acceptDataFromOpenedPage: function(data) {console.log(data)},someEvent: function(data) {console.log(data)}...},success: function(res) {// 通过eventChannel向被打开页面传送数据res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })}
})
Page({onLoad: function(option){console.log(option.query)const eventChannel = this.getOpenerEventChannel()eventChannel.emit('acceptDataFromOpenedPage', {data: 'test'});eventChannel.emit('someEvent', {data: 'test'});// 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据eventChannel.on('acceptDataFromOpenerPage', function(data) {console.log(data)})}
})

5.wx.navigateBack(Object object)

描述:
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。
参数:
Object object

属性类型必填说明
deltanumber返回的页面数,如果 delta 大于现有页面数,则返回到首页。
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码


// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码// 此处是A页面
wx.navigateTo({url: 'B?id=1'
})// 此处是B页面
wx.navigateTo({url: 'C?id=1'
})// 在C页面内 navigateBack,将返回A页面
wx.navigateBack({delta: 2
})
http://www.zhongyajixie.com/news/15188.html

相关文章:

  • 网站建设人员分布长沙seo免费诊断
  • 旅游网站首页设计模板b站视频推广网站动漫
  • 网站建设公司经营淘宝店铺怎么推广和引流
  • 做网站都要掌握什么软件网站收录
  • 免费香港网站空间贵阳搜索引擎排名推广
  • 网站开发安全问题外链代发免费
  • 有做任务赚钱的网站有哪些品牌营销理论有哪些
  • 网站开发的职责与分工提升关键词
  • 厦门建行网站百度指数什么意思
  • 戒赌网站怎么做网站制作定制
  • 北京微信网站建设电话软文营销的优势
  • asp.net网站管理系统市场宣传推广方案
  • 淘宝导购网站备案橙子建站官网
  • 美妆网站设计模板东莞做网站的公司有哪些
  • 做论坛网站看什么书优化外包哪里好
  • 杭州建设网站制作西安网约车
  • 做网站主流用什么语言网络推广员工作内容
  • 信誉好的o2o网站建设世界疫情最新数据
  • 定制化网站开发图片seo优化是什么意思
  • 网站公安备案电话号码下载app到手机上并安装
  • 邯山区建设局网站最新实时大数据
  • 做网站IP长沙seo优化首选
  • 公司网站维护建设的通知网上销售哪些平台免费
  • 网站的备案可以管几年百度权重
  • 户外广告公司seo店铺描述例子
  • 怎样建设公司网站谷歌浏览器入口
  • 重庆峰宇园林建设有限公司网站公司网站排名
  • 论坛网站制作费用青岛网络推广公司哪家好
  • 网站设计流程的步骤网络优化工程师主要负责什么工作
  • wordpress 发布站电子商务网站建设案例