美文网首页
自定义事件的激活与监听

自定义事件的激活与监听

作者: 夜夜夜空灵 | 来源:发表于2018-11-08 16:55 被阅读0次

关于bind事件

--------来自官方的解释----------------------------------------------

事件绑定和冒泡

事件绑定的写法同组件的属性,以 key、value 的形式。

  • key 以bindcatch开头,然后跟上事件的类型,如bindtapcatchtouchstart。自基础库版本 1.5.0 起,在非原生组件中,bindcatch后可以紧跟一个冒号,其含义不变,如bind:tapcatch:touchstart

也就是说可以通过bind:自定义方法 通过触碰实现自定义事件
因此在我们的小程序中 获取用户喜欢还是不喜欢可以改写成这样

 methods: {
    onlike:function(event){
      let like = this.properties.like
      let count = this.properties.count

      count = like?count-1:count+1
      this.setData({
        count:count,
        like:!like
      })
      let behavior = this.properties.like?'like':'cancel'
      this.triggerEvent('like',{
              behavior:behavior
        },{})
      
    }
  }
})

然后在主页面中

<v-like bind:like="onlike">

classic.js中

onlike:function(event){
  console.log(event)
},

然后打印event的结果是


微信截图_20181108165208.png

这样就能在detail中获取用户是否喜欢的状态然后上传至服务器了
这样绑定自定义事件,不仅能激活父组件上的事件还能激活子组件上的事件

相关文章

  • 自定义事件的激活与监听

    关于bind事件 --------来自官方的解释---------------------------------...

  • vue中$refs, $emit, $on, $once, $o

    $once监听一个自定义事件。 $off移除自定义事件监听器。 只能监听自定义事件 推荐的清除定时器 直接在需要定...

  • this.$emit()

    this.$emit("自定义事件") 通过触发自定义事件,来给触发监听事件

  • springboot之事件监听

    springboot事件监听 自定义事件 自定义事件继承至ApplicationEvent,事件类不能注册为spr...

  • uniapp导航栏添加自定义按钮

    添加自定义按钮 注意:按钮的点击事件需要在页面监听onNavigationBarButtonTap事件 页面监听代...

  • 事件 —— Application Event

    自定义事件 事件的监听器 事件发布 配置类 启动类

  • spring源码事件监听

    spring的事件监听机制,主要利用了监听者设计模式,那如何spring自带的事件和自定义的事件是如何触发监听器的...

  • 手势

    监听触摸事件的做法 touches方法监听view触摸事件的缺点必须要自定义view无法让其他外界对象监听view...

  • web容器关闭时执行方法

    第一种,添加tomcat启动与关闭事件监听 一:首先,自定义一个监听器类,并实现ServletContextLis...

  • spring的事件监听器

    创建一个自定义的事件 事件的监听 在spring中注册监听器 发送消息 控制台打印

网友评论

      本文标题:自定义事件的激活与监听

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