当前位置: 代码迷 >> 综合 >> vue父子组件——$emit()事件
  详细解决方案

vue父子组件——$emit()事件

热度:97   发布时间:2024-01-04 00:18:03.0
<!-- 子组件 -->
<template><div class='container'><div>子组件</div><button @click="btn">按钮</button></div>
</template><script>export default {
    name: 'Child',methods: {
    btn() {
    this.$emit('btn', false)}}}
</script>
<!-- 父组件 -->
<template><div class='container'><div>父组件</div><Child @btn="btn"></Child></div>
</template><script>import Child from '@/components/Child'export default {
    components: {
     Child },methods: {
    btn() {
    console.log('子组件')}}}
</script>
  相关解决方案