组件的自定义数据属性

导航的跳转

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能获取到值。



绑定数据


detail movies id is {{mid}}

你可能感兴趣的:(组件的自定义数据属性)