vue中
& lt; template>
& lt; div>
名称:{{名称| | "——"}}
& lt; br/比;
& lt;输入:价值=" https://www.yisu.com/zixun/name " @change=" handleChange "/比;
& lt; br/比;
& lt; br/比;
& lt; div @click=癶andleDivClick”比;
& lt;按钮@click=" handleClick "祝辞重置成功& lt;/button>
& lt;按钮@click.stop=" handleClick "祝辞重置失败& lt;/button>
& lt;/div>
& lt;/div>
& lt;/template>
& lt; script>
出口默认{
名称:“EventDemo”,
道具:{
名称:字符串
}，
方法:{
handleChange (e) {
const res=Ｃ涝⒊?“Echange e。target。价值,val=比;{
console.log (val);
});
控制台。日志(res, res===);
}，
handleDivClick () {
这一点。美元发出(“改变”,“”);
}，
handleClick (e) {//都会失败
e.stopPropagation ();
}
}
};
& lt;/script>
之前
& lt; template>
& lt;事件:name="名称" @Echange=癶andleEventChange”/比;
& lt;/template>
& lt; script>
从“进口事件。/事件”;
出口默认{
组件:{
事件,
}，
数据:()=比;{
返回{
名称:",
};
}，
安装(){
}，
方法:{
handleEventChange (val,回调){
this.name=val;
回调(“hello”);
返回“你好”;
}
}
};
& lt;/script>
之前
的三大属性:属性,事件,插槽,- - - - - -事件
在事件中有
普通事件:@click/@input/@change/@xxx…事件;
修饰符事件:@input.trim, @click.stop, @submit.prevent…一般用于原生html元素;
答:在vue中。美元发出();返回值是,
代码示例:
在子组件中:事件。vue:接收通过父组件传递过来的道具:{名称:字符串}属性;在输入标签中:
-
<李>价值=https://www.yisu.com/zixun/name;绑定名称属性;李
<李>通过@change=" handleChange "普通事件;监听输入框输入值;李
在脚本标签中:
通过这个。美元发出(“Echange e。target。价值,val=比;{console.log (val);});通过回调,传递值到父组件;自定义事件“Echange”;
在父组件中通过监听子组件事件,对回调做出响应;
父组件可以通过回调函数,回调()向子组件传递一个值;
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
