美文网首页
$emit( ) 触发组件(自定义元素)当前实例的事件

$emit( ) 触发组件(自定义元素)当前实例的事件

作者: jeanzy | 来源:发表于2020-03-29 23:17 被阅读0次

$emit(event, args )

参数:
event:事件名
args:事件相关参数
用法:
触发当前实例上的事件。附加参数都会传给监听器回调。
在组件模板中,不能直接通过 v-on 绑定触发 vue 实例中的方法,而需要先使用emit( ) 绑定自定义事件,把自定义事件发射出去(发射到html 层面); 然后在html 层面,组件自定义元素上,绑定自定义事件和vue 实例中的方法,以此实现组件和vue 实例方法的绑定。 click-->emit('clickLeft'), clickLeft--> sayHi
this.$emit("clickLeft");
组件模板部分:

<view @tap="onClickLeft" class="uni-navbar__header-btns uni-navbar__header-b

html 代码部分:

<uni-nav-bar @clickLeft="clickLeft" ></uni-nav-bar>

vue 实例部分:

new Vue({
  ...
methods: {
            clickLeft(){
                console.log("qqwe");
                uni.navigateBack({
                    delta: 1
                });
            }
        }

https://blog.csdn.net/weixin_41796631/article/details/83002201

相关文章

  • $emit( ) 触发组件(自定义元素)当前实例的事件

    $emit(event, args ) 参数:event:事件名args:事件相关参数用法:触发当前实例上的事件。...

  • $emit

    vm.$emit( event, […args] ) 触发当前实例上的事件。附加参数都会传给监听器回调。 父组件使...

  • vue定义组件

    自定义组件 子组件向父组件传值需要通过函数,父组件向子组件传值通过属性 this.$emit当前组件触发一个事件 ...

  • 说一说$emit和$on

    一、$emit 1、this $emit('自定义时间名',要传送的数据); 2、触发当前实例上的时间,要传递的数...

  • 2020-02-10

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

  • (十三)Vue3.x中的emits选项

    本章节将介绍到的是用于记录当前实例中的emit事件的选项。 1、概述:当前组件的通过emit的事件列表2、类型:A...

  • 在 Vue 中使用 $emit 自定义事件

    Vue $emit 允许我们从子组件向其父组件发送自定义事件。 在标准 Vue 流中,这是触发某些事件或从子组件发...

  • this.$emit()

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

  • vue学习笔记--将原生事件绑定到组件

    效果: 方法1:当点击 你好 时,子组件会间听到自身div 元素被点击了通过$emit 向外触发一个自定义事件,同...

  • vue子组件向父组件传值

    子组件用$emit()触发事件 $emit() 第一个参数为 自定义的事件名称 第二个参数为需要传递的数...

网友评论

      本文标题:$emit( ) 触发组件(自定义元素)当前实例的事件

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