导航的跳转
<view class='container1 movie-card' bindtap='f1'>
f1:function(event){
wx.navigateTo({
url:'/pages/detail/detail',
})
怎么样在点击事件的时候传递参数。
我们可以通过定义自定义属性来记录电影id,(data-),当view元素被点击之后,在传递给这个事件处理函数的这个事件对象中,我们就可以通过currentTarget属性来找到其中的dataset属性,然后在这个对象中就可以找到这个movieId属性,记录了id.
获取id
catchTap元素会阻止元素向上冒泡
当前元素自己对用户的交互做出响应处理,而不允许它的父元素或者祖先元素做出处理。
实现电影详情页的基本框架
希望detail页被打开的时候自身能够知道在对应的完整的url中被指定的id参数是多少。
小程序框架在每次以这样完整的url的方式打开detail页时,会首先调用这个detail页注册的
onload生命周期函数来对这个detail页进行初始化,在调用这个onload方法的时候,会首先将这个url中这个问号后面的每个参数解析起来,然后组合成一个对应的js对象,然后将这个对象作为这个实参值传递给onload方法,所以onload能获取到值。
绑定数据
<text>detail movies id is {{mid}}</text>
网友评论