在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
页面跳转页面跳转分tabber页跳转和非tabber页跳转 非tabber页跳转:1.使用标签 <navigator url="/pages/redirect/redirect?id=666">通过标签跳转到新页面</navigator> 传递参数id=666 redirect: Page({ /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log(options.id); } }) 设置预览当前页面: 添加编译模式
修改启动页面,预览
2.绑定事件 <view><text class="c1" bindtap="clickMe" data-nid="123">点我跳转</text></view> 使用data-变量名形式传递参数nid=123 js: Page({ ... /** * 点击绑定的事件 */ clickMe:function(e){ console.log('点我了'); console.log(e); /*得到参数nid*/ var nid = e.currentTarget.dataset.nid; console.log(nid); //跳转(非tabbar页面) wx.navigateTo({ url: '/pages/redirect/redirect?id='+nid, }) } })
tabber页跳转:<view class="to-index-btn" bindtap="toIndexPage" wx:if="{{ !list.length }}"> 去逛逛 </view> js: toIndexPage: function () { wx.switchTab({ url: "/pages/category/category" }); },
数据绑定
<text>数据绑定</text> <view>消息 : {{message}}</view> js // pages/bind/bind.js Page({ /** * 页面的初始数据 */ data: { message:'hello world', } )}
<text>数据绑定</text> <view>消息 : {{message}}</view> <view>回复 : {{content}}</view> <button class="to-btn" bindtap="reply">回复消息</button> js reply:function(e){ //获取data console.log(this.data.message); //设置和修改data this.setData({ content: 'My name is xiaoming', message:'I replay',}) },
|
请发表评论