微信小程序标签跳转和方法跳转区别

 时间:2024-10-19 22:13:41

1、在index.js中的Page函数内部,添加changeToTest 函数,函数里面使用wx.navigateTo,写上需要跳转的页面,里面传入的是一个对象。

微信小程序标签跳转和方法跳转区别

2、对象内使用url属性,对应的就是需要跳转的页面的路径(注意:这是接收的是一个相对路径,并且页面不需要使用.wxml后缀) 。

微信小程序标签跳转和方法跳转区别

3、在wxml页面中:<navigator url="../index/index">跳转到新页面</navigator> <navigator url="../index/index" open-type="redirect">。

微信小程序标签跳转和方法跳转区别

4、在当前页打开</navigator> <navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>。

微信小程序标签跳转和方法跳转区别

5、navigator 组件跳转,和 a 标签跳转差不多,给 navigator 添加要跳转到的 url 地址即可,这里需要注意下,我们在使用微信 web 开发者工具按 enter 自动补全时生成的组件有错,

微信小程序标签跳转和方法跳转区别

6、navigator 闭合标签的“/” 位置应该是在 navigator 前,而自动生成的是<navigator/>,导致编译报错,同样的还有 image 组件等。

微信小程序标签跳转和方法跳转区别
  • eclipse设置自动删除空白行和语句后多余空格
  • Win版Notepad如何开启自动缩进功能?
  • jquery如何将span标签内容的颜色改变
  • 在JSP中处理换行和空格的问题
  • 项目导入myeclipse报错解决办法
  • 热门搜索
    怎么样消除青春痘 约克空调怎么样 玛莎拉蒂怎么样 头顶疼是怎么回事 微信拍一拍怎么玩 教师节快乐英语怎么写 宋江怎么死的 面膜怎么用 个人履历怎么写 怎么更新驱动