美文网首页
组件的自定义数据属性

组件的自定义数据属性

作者: 赵一矛 | 来源:发表于2019-07-02 10:00 被阅读0次

导航的跳转

<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>

相关文章

  • vue.js入门之第四篇(自定义组件)

    1、自定义全局组件 2、自定义局部组件 传递数据 [属性] 传递数据(绑定属性) 传递数据(循环) is v-mo...

  • vue的组件通信

    1.父组件向子组件传值 父传子的实现方式:在子组件上使用自定义属性绑定数据,用props声明自定义属性(父组件通过...

  • Vue 组件如何进行传值的?

    1、父组件向子组件传递数据 父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义...

  • vue组件通信

    父传子 父:自定义属性 + 你要传递的数据 子: props[父组件上的自定义属性名称],进行接收 传递数据的时候...

  • 父子通信 2018-05-29

    父传子 在父组件上自定义一个属性并将想要传到子组件的数据用v-bind绑定到自定义属性上。 在子组件里通过prop...

  • Vue 父组件 传值 给子组件

    父传子 父组件: 引入子组件 子组件使用 自定义属性接收 父组件的数据 子组件: prop接收父组件的值 (推荐使...

  • Vue父子组件通信

    一、父传子1、可以在父组件上使用自定义属性绑定数据;2、在子组件中需要显示的用props声明自定义属性名,然后就可...

  • vue——组件通信

    父传子 父传递:自定义属性形式进行数据绑定在父组件的模版中对子组件标签进行属性绑定 子接收:props在子组件中使...

  • Vue.js组件二之prop

    一、父组件向子组件传递数据使用prop prop是子组件接收父组件传递过来信息的的一个自定义属性,因为父组件的数据...

  • vue2.0组件间传值的方法汇总

    1、组件间的传值 1.1 父组件向子组件传值 子组件自定义一个属性 父组件通过自定义属性绑定值 子组件调用自定义属...

网友评论

      本文标题:组件的自定义数据属性

      本文链接:https://www.haomeiwen.com/subject/qwudeqtx.html