微客导航 » 文章资讯 » 详解vue中this.$emit()的返回值是什么

详解vue中this.$emit()的返回值是什么

2023-08-24 23:06:04 139

vue中的三大属性:属性、事件、插槽，---事件

在事件中有

普通事件：@click/@input/@change/@xxx...事件；

修饰符事件：@input.trim,@click.stop,@submit.prevent...一般用于原生html元素；

答：在vue中this.$emit();返回值是this;

代码示例：

在子组件中：Event.vue:接收通过父组件传递过来的props:{name:String}属性；在input标签中：

value=name;绑定name属性；
通过@change="handleChange"普通事件;监听输入框输入值；

在script标签中：

通过this.$emit("Echange",e.target.value,val=>{console.log(val);});通过回调，传递值到父组件；自定义事件“Echange”;

在父组件中通过监听子组件事件，对回调做出响应；

父组件可以通过回调函数，callback()向子组件传递一个值；

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com