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

时间：2013.05.16 发布人：brokdzxo

已解决问题

谷歌brokdzxo用户在2013.05.16提交了关于“圆桌派详解vue中this.$emit()的返回值是什么”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-09-07T15:26:10。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，千言万语,表达不了我的感激之情,我已铭记在心！

希望以下的回答，能够帮助你。

第1个回答

用户名：小熊s来自ue 时间：2013.05.17

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.v扩根顾alue,val=>{console.log(val);终算策促境});通过回调，传递值到父组件；自定义事件“Echange”;

<template><div>name:{{name||"--"}}<br/><input:value="name"@change="handleChang帮情甲毛同e"/><br/><br/><div@click="handleDivCli息ck"><button@click="handleClick">重置成功</button><button@click.stop="handleClick">重置失败</button></div></div></templa任止越给获爱或念拿亚te><script>exportdefault{name:"EventDemo",props:{name:String},methods:{handleChange(e){constres=thi万鲁s.$emit("Echange",e.target.value,val=>{console.log(va孔门入白l);});console.log(res,res===this);},handleDivClick(){this.$emit("change","");},handleClick(e){//都会失败e.s王右乙非topPropagation();}}};</script>

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

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

<template><Event:name="na顺娘引内me"@Echange演假信相="handleEventChange"/></template><script>importEventfrom"./Event";exportdefault{components:{Event,},data:()=>{return{name:"",};},mounted(){},methods:{handleEventChange(val,callback){***.name=val;callback("hello");return"hello";}}};</script>

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

您可能感兴趣的文章:对vue.js中this.$emit的深入理解