vue2中自定义的组件oss-upload, 如果这样调用组件：<oss-upload > <div>21321</div> </oss-upload>，怎么获取调用组件时在组件内写的元素

在 Vue 2 中，如果你使用的是自定义组件 `oss-upload` 并像 `<oss-upload><div>21321</div></oss-upload>` 这样嵌套结构，实际上 `div` 标签并不是直接存在于 `oss-upload` 组件内部的。`<oss-upload>` 的模板应该会包裹着它的内容，包括可能的子元素。

为了访问 `oss-upload` 内部的元素，你需要确保在该组件的 `methods` 或者 `mounted` 生命周期钩子中，通过 `ref` 属性来引用这个元素。例如，在 `oss-upload.vue` 文件里：

<template>
  <div>
    <div ref="customDiv"> <!-- 这里是你想要获取的元素 -->
      21321
    </div>
    <!-- ...其他oss-upload组件的结构... -->
  </div>
</template>

<script>
export default {
  name: 'oss-upload',
  methods: {
    getCustomDiv() {
      if (this.$refs.customDiv) {
        return this.$refs.customDiv; // 返回指向div元素的引用
      } else {
        console.error('Custom div not found');
      }
    },
  },
  // ...其他生命周期钩子...
};
</script>

然后在外部组件中，你可以这样做来获取并操作 `oss-upload` 的 `customDiv`：

<template>
  <div>
    <oss-upload @ready="handleOssUploadReady"></oss-upload>
  </div>
</template>

<script>
import ossUpload from './oss-upload.vue';

export default {
  components: {
    ossUpload,
  },
  methods: {
    handleOssUploadReady(uploadedComponent) {
      const customDiv = uploadedComponent.getCustomDiv();
      // 现在你可以操作customDiv了
      console.log(customDiv.innerText);
    },
  },
};
</script>

注意，`@ready` 是假设你在 `oss-upload` 组件中定义了一个自定义事件，当组件准备就绪时触发。如果不存在，你需要检查`oss-upload`的文档或源码找出正确的事件或时机来获取元素。