微信小程序--简单页面跳转
2016-09-26 12:16
513 查看
微信小程序--简单页面跳转
例如:点击一个text ,跳转入一个新的页面blueberry.wxml
首先对text 设置监听事件
<view bindtap="toast" class="usermotto">
<text class="user-motto">{{motto}}</text>
</view>
然后对该text 设置事件跳转。
//事件处理函数 点击text
toast: function() {
wx.navigateTo({
url: '../blueberry/blueberry'
})
},
这里看到跳转到一个目录 blueberry下,展示一个 blueberry.wxml页面
所以在项目的目录下创建一个blueberry
同时需要在 app.json 中添加页面配置
以上供新手朋友们参考。。
例如:点击一个text ,跳转入一个新的页面blueberry.wxml
首先对text 设置监听事件
<view bindtap="toast" class="usermotto">
<text class="user-motto">{{motto}}</text>
</view>
然后对该text 设置事件跳转。
//事件处理函数 点击text
toast: function() {
wx.navigateTo({
url: '../blueberry/blueberry'
})
},
这里看到跳转到一个目录 blueberry下,展示一个 blueberry.wxml页面
所以在项目的目录下创建一个blueberry
同时需要在 app.json 中添加页面配置
以上供新手朋友们参考。。
相关文章推荐
- 微信小程序之----navigator页面跳转
- 微信小程序链接传参,跳转新页面
- 【微信小程序之页面跳转】从列表的item项跳转到下一个页面
- 微信小程序(页面跳转详解)
- 微信小程序之页面跳转、传参
- 【微信小程序】微信小程序页面跳转的数据传递
- 微信小程序入门-简单页面编写
- 微信小程序 跳转页面的两种方法详解
- 微信小程序页面跳转并传参
- 微信小程序实现页面内的跳转——scroll-view
- 微信小程序页面跳转传值
- 微信小程序之页面跳转和参数传递
- 微信小程序_简单页面
- 微信小程序12---页面跳转
- 微信小程序 页面跳转 传递参数
- 微信小程序页面跳转三种方式
- 微信小程序页面跳转传递值
- 微信小程序——页面跳转
- 微信小程序页面跳转与事件绑定,传值
- 微信小程序 页面跳转和数据传递实例详解