美文网首页
自定义组件事件

自定义组件事件

作者: IT_IOS_MAN | 来源:发表于2022-02-07 09:17 被阅读0次

子组件

<view bindtap="onItemChildClick" data-item="item">{{item}}</view>
Component({
    methods: {
        onItemChildClick(event) {
            this.triggerEvent("onItemChildClick", event.currentTarget.dataset.item)
        }
    }
})

父组件

<xq-item bind:onItemChildClick="onItemPersonClick">
Page({
    methods: {
        onItemPersonClick(item) {
            // 监听子组件事件
        }
    }
})

相关文章

  • vue组件的使用

    props和$emit 组件间通讯和自定义事件 父子通讯 props $emit兄弟组件或者隔代组件使用自定义事件...

  • .native && $listeners

    将原生事件绑定到自定义组件 原生事件在自定义组件上是不起作用的 添加修饰符.native,原生事件在自定义组件上就...

  • 2019-01-31 vue组件基础篇2

    子组件 ═══>向父组件传递数据时,就要用到自定义事件v-on除了监听DOM事件外,还可以用于组件之间的自定义事件...

  • v-model

    使用自定义事件的表单输入组件自定义事件可以用来创建自定义的表单输入组件,使用 v-model 来进行数据双向绑定。...

  • Vue.js 自定义事件

    自定义事件 当子组件需要向父组件传递数据时,就要用到自定义事件。指令 v-on 除了监听 DOM 事件外,还可以用...

  • vue 组件(下篇)

    自定义事件 父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件...

  • vue-$emit

    绑定自定义事件 格式:在父组件组件中用v-on指令绑定一个自定义事件(代码如下:)注意:v-on:click、v-...

  • Lightning Web Component 事件代码示例

    组件的事件 组件通过各种事件来进行通讯。 在 LWC 中,可以通过实现 CustomEvent 接口进行自定义事件...

  • vue 组件通信

    组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。自定义事件:当子组件需要向父组件传递数据时,就要用到自定义...

  • 2020-02-10

    通过自定义事件实现子组件向父组件传递数据. 流程: *子组件通过$emit()来触发事件 *通过v-on来...

网友评论

      本文标题:自定义组件事件

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