vuevue组件的自定义事件
Posted dongzhuangdian
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vuevue组件的自定义事件相关的知识，希望对你有一定的参考价值。
父组件：
<template>
<div>
<my-child abcClick="sayHello"></my-child>
</div>
</template>
<script>
export default {
method: {
sayHello(Num,Str) {
alert(‘hello world~~‘ + Num + Str)
}
}
}
</script>
子组件：
<template>
<div>
<!--例如最简单的封装一个按钮-->
<button @click="childClick"></button>
</div>
</template>
<script>
export default {
data: {
return{
myNum: 456,
myStr: ‘haha‘
}
},
method: {
childClick() {
this.$emit(‘abcClick‘, this.myNum, this.myStr)
}
}
}
</script>
核心就是通过$emit来触发自定义事件（不需要注册），并且传值出去
以上是关于vuevue组件的自定义事件的主要内容，如果未能解决你的问题，请参考以下文章