如何使用微信小程序组件实现内部界面跳转

 时间:2024-10-14 02:59:38

1、第一步,打开微信小程序开发工具,在pages文件夹下创建user文件夹以及对应的文件,如下图所示:

如何使用微信小程序组件实现内部界面跳转

2、第二步,在user.wxml文件中,插入一个<view></view>,并在这个标签内插入一个navigator组件标签,设置属性url和open-type,如下图所示:

如何使用微信小程序组件实现内部界面跳转

3、第三步,保存文件并在左侧模拟器上预览界面效果,可以看到界面显示跳转两个字,如下图所示:

如何使用微信小程序组件实现内部界面跳转

4、第四步,点击界面上的跳转,结果浏览器控制台出现了报错,提示跳转路径没有在app.json中配置,如下图所示:

如何使用微信小程序组件实现内部界面跳转

5、第五步,打开app.json文件,可以发现在user.wxml文件中配置的路径出现错误,应为logs,如下图所示:

如何使用微信小程序组件实现内部界面跳转

6、第六步,修改navigator中的属性url值,然后保存查看预览效果,并点击跳转,如下图所示:

如何使用微信小程序组件实现内部界面跳转
  • 鼠标移动到DIV上弹出式列表特效
  • flash前进的小车(影片剪辑的使用)
  • 怎样在FLASH中制作移动的字
  • jquery如何取得指定div下的所有img图片
  • Bootstrap中如何制作下拉菜单
  • 热门搜索
    无烟校园手抄报 愚人节手抄报 预防疾病手抄报内容 小学安全知识手抄报 关于理想的手抄报内容 讲卫生手抄报内容 孝德手抄报 祖国我为你骄傲手抄报 人防手抄报 小组手抄报