el-drawer 内部数据不显示，发在外面可以

遇到 el-drawer 内部数据不显示的问题，而同样的数据放在 el-drawer 外面却能正常显示，这可能与以下几个方面有关：

1. Vue的响应式问题：确保你在 el-drawer 组件中绑定的数据是响应式的。如果你是在计算属性、异步操作或者某些生命周期钩子中更新数据，请确保数据变化能触发动态更新。

2. 作用域问题：检查 el-drawer 内部是否正确地引用了外部的数据。有时候，特别是当使用了 Vue.js 的一些特性如 v-if、slot 时，作用域可能会有所不同。

3. 生命周期和异步加载：如果你的数据是异步加载的，确保在 el-drawer 打开并且数据已经加载完成后再进行渲染。可以考虑使用 v-if 或者在数据加载完成的回调中控制 el-drawer 的显示。

4. 样式覆盖问题：检查是否有 CSS 样式影响到了 el-drawer 内部元素的显示，比如过度的 overflow 设置、display:none、height 或 width 被限制等。

5. 组件内部问题：确认 el-drawer 组件本身没有问题，比如是否正确引入、是否有内部错误或者是否与其他组件存在冲突。

6. 缓存或未清空变量问题：根据之前的解决方案尝试，在 el-drawer 关闭的回调中重置相关变量或状态，例如：

   @close="() => { this.mydrawer = false; this.pdfsrc = ''; this.numPages = null; }"
   

   确保每次打开抽屉时都是最新的状态。

7. DOM 层级问题：如果 el-drawer 内容被遮挡，确认是否需要设置 append-to-body="true" 来避免被其他遮罩层遮挡。

解决这类问题的一般步骤是：

• 验证数据绑定是否正确。
• 检查控制台是否有错误提示。
• 查看元素审查（开发者工具）以确定元素是否存在于 DOM 中以及其 CSS 样式。
• 确认 Vue 生命周期和异步逻辑正确无误。

如果以上建议都无法解决问题，提供更详细的代码片段或错误信息可以帮助更准确地定位问题所在。