小程序开发入门-2.5、跳转到新创建的页面

2026-05-03 05:06:16

1、小程序的新建项目,默认有2个页面,就是pages下面的index和logs小程序开发入门-1.4、开发工具界面的介绍

小程序开发入门-2.4、线程架构与新建页面

小程序开发入门-2.5、跳转到新创建的页面

4、在跳转之前,先要在页面添加页面的入口,不过还是先了解控件

页面上的元素,就是控件,比如按钮,文本,像右边的代码就对应模拟器上的元素

小程序开发入门-2.5、跳转到新创建的页面

5、在index.wxml页面添加以下代码(放在默认2个控件的下面,模拟器会对应出现一个按钮)

<view bindtap='demo' class='demo'>

<button>Demo</button>

</view>

小程序开发入门-2.5、跳转到新创建的页面

小程序开发入门-2.5、跳转到新创建的页面

6、在index.js里面,把事件处理函数复制一个,然后把bindViewTap改成demo,把logs改为demo

小程序开发入门-2.5、跳转到新创建的页面

7、点击快速菜单栏的编译,然后在模拟器点击‘Demo’按钮,页面就跳转到新建的页面了

小程序开发入门-2.5、跳转到新创建的页面

小程序开发入门-2.5、跳转到新创建的页面

小程序开发入门-2.5、跳转到新创建的页面

8、至于index.wxml的bindtap标签,与index.js的page()关系,如下面图1图2

bindtap的值对应page()的函数

小程序开发入门-2.5、跳转到新创建的页面

小程序开发入门-2.5、跳转到新创建的页面

猜你喜欢