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

 时间: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报错解决办法
  • 热门搜索
    青岛旅游一卡通 上川岛旅游 八月份适合去哪旅游 贵州乡村旅游 西安航空旅游学院 朔州旅游 丽江自由行旅游攻略 翠华山旅游攻略 杭州西溪湿地旅游攻略 去迪拜旅游多少钱