说明

当 el-drawer 抽屉显示较多内容时，可以将 这些内容写到单独 .vue 文件中，成为一个组件

在 el-drawer 抽屉所在的 .vue 文件中，导入该组件，并显示到抽屉中

例子

内容组件

将抽屉显示的内容，单独放到一个 .vue 文件中，如：RegView.vue ，成为一个组件

代码：略

抽屉所在的 .vue 文件

抽屉所在的 .vue 文件中，导入 RegView.vue 组件并注册，然后添加到抽屉中

模板：

<el-drawer  v-if="noDestroy" title="登记" :visible.sync="drawer" 
    direction="rtl" size="50%" :before-close="handleClose">
    <!-- 第三步：使用组件 -->
      <RegView></RegView>
</el-drawer>

js：

<script>
// 第一步：导入组件
import RegView from './RegView.vue'

export default {
    name: 'HomeView',
    components: {
            RegView, // 第二步：注册组件
    },
}
</script>

原文出处：/show_1IX6pAltjNwx.html