vue3子组件向父组件传递两个div

要让子组件向父组件传递两个 div，你可以使用 Vue.js 的自定义事件。

首先，在子组件中，你需要定义这两个 div，然后在适当的时候触发一个自定义事件，传递这两个 div。

子组件代码：

<template>
  <div>
    <div ref="div1">Div 1</div>
    <div ref="div2">Div 2</div>
  </div>
</template>

<script>
export default {
  methods: {
    sendDivs() {
      const div1 = this.$refs.div1;
      const div2 = this.$refs.div2;
      this.$emit('divs', div1, div2);
    }
  }
}
</script>

在父组件中，你需要监听这个自定义事件，并在事件处理函数中接收这两个 div。

父组件代码：

<template>
  <div>
    <child-component @divs="handleDivs"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleDivs(div1, div2) {
      console.log('Div 1:', div1);
      console.log('Div 2:', div2);
    }
  }
}
</script>

在这个例子中，子组件触发了一个名为 'divs' 的自定义事件，并传递了两个 div。父组件监听了这个事件，并在事件处理函数中接收这两个 div，并进行了相应的处理。