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

2020-03-29  本文已影响0人  jeanzy

$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

上一篇 下一篇

猜你喜欢

热点阅读