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>本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!