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

$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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。