vue2当前组件怎么拿到另一个组件的html部分，给出代码

在 Vue2 中，可以通过 `$refs` 和 `$slots` 来获取另一个组件的 HTML 部分。

假设我们有两个组件 `Parent` 和 `Child`，`Child` 作为 `Parent` 的子组件，我们想在 `Parent` 中获取 `Child` 的 HTML 部分，可以按照以下步骤进行：

1. 在 `Child` 中使用 `slot`，将要获取的 HTML 部分放入 `slot` 中：

<template>
  <div>
    <slot name="content"></slot>
  </div>
</template>

2. 在 `Parent` 中使用 `ref`，获取 `Child` 的实例：

<template>
  <div>
    <child ref="childRef">
      <div slot="content">这是要获取的 HTML 部分</div>
    </child>
  </div>
</template>

3. 在 `Parent` 的方法中，通过 `$refs` 和 `$slots` 获取 `Child` 的 HTML 部分：

export default {
  mounted() {
    const childHtml = this.$refs.childRef.$slots.content[0].elm.outerHTML;
    console.log(childHtml);
  },
};

注意，`$slots` 返回的是一个数组，因为一个 `slot` 中可能包含多个元素，所以需要通过 `[0]` 来获取第一个元素。

完整的代码如下：

<template>
  <div>
    <child ref="childRef">
      <div slot="content">这是要获取的 HTML 部分</div>
    </child>
  </div>
</template>

<script>
import Child from './Child.vue';

export default {
  components: {
    Child,
  },
  mounted() {
    const childHtml = this.$refs.childRef.$slots.content[0].elm.outerHTML;
    console.log(childHtml);
  },
};
</script>