diff --git a/src/views/Home.vue b/src/views/Home.vue
index d891a45cb4c1d1c2bcfcd033c51379a26f93b173..a597efc93525e98aa17a302f483a8eded2637bfd 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -27,7 +27,7 @@
     <el-container>
       <el-header style="text-align: center; font-size: 40px">
         <el-button
-          @click="drawer = true"
+          @click="ondrawerbuttonclick"
           type="primary"
           style="margin-left: 16px"
         >
@@ -39,8 +39,16 @@
     </el-container>
   </el-container>
 
-  <el-drawer v-model="drawer" size="70%" @opened="aa" :with-header="false">
-    <LoadFBX ref="myfbx" fbxfilepath="a.fbx"> </LoadFBX>
+  <el-drawer
+    v-model="drawer"
+    size="70%"
+    @opened="aa"
+    @close="helfds"
+    @closed="cc"
+    destroy-on-close
+    :with-header="false"
+  >
+    <LoadFBX ref="myfbx" :fbxfilepath="curefbxname"> </LoadFBX>
   </el-drawer>
 </template>
 
@@ -53,14 +61,27 @@ export default {
     LoadFBX,
   },
   methods: {
+    ondrawerbuttonclick() {
+      this.curefbxname = this.fbxnamelist[this.count++ % 2];
+      console.log("click : " + this.curefbxname);
+      this.drawer = true;
+    },
+
     aa() {
       console.log("aa");
       this.$refs.myfbx.hello();
     },
+    cc() {
+      console.log("cc");
+      this.$refs.myfbx.hello();
+    },
   },
   data() {
     return {
       drawer: false,
+      fbxnamelist: ["a.fbx", "b.fbx"],
+      curefbxname: "a.fbx",
+      count: 0,
     };
   },
 };