vue封装组件调用时绑定click事件
我们在开发中会封装许多的通用的组件,那么如何封装好一个组件时,在调用的时候绑定click事件呢?
1.child组件
<template>
<div @click="$emit'childClick',123) />
//说明:第一个参数:childClick ,是事件名,在调用的时候需要用到,第二个参数123,是你在调用的时候传给父组件的值
</template>2.parent组件
<template>
<Child @childClick ="childClick ($event)"/>
</template>
<script>
exxport defaut{
component:{
Child:()=>import('./child')
},
methods:{
childClick(v){
console.log(v) //123
}
}
</script>本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!