.

src/components/Question/edit.vue

   }
 }
 </script>
-<style lang="scss">
+<style scoped lang="scss">
 .answerli {
   width: 100%;
   overflow: hidden;

src/components/Question/index.vue

   }
 }
 </script>
-<style lang="scss">
+<style scoped lang="scss">
 .questionli {
   width: 100%;
   overflow: hidden;

src/router/index.js

 const router = createRouter()
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
-export function resetRouter () {
+export function resetRouter() {
   const newRouter = createRouter()
   router.matcher = newRouter.matcher // reset router
 }

src/views/gameManage/edit.vue

             <Question
               ref="Question"
               :gameId='gameId'
-              @handleAddQuestion='questionId = undefined'
-              @handleCloseQuestion='questionId = undefined'
-              @handleEditQuestion='handleEditQuestion'
+              @handleAddQuestion="questionId = undefined"
+              @handleCloseQuestion="questionId = undefined"
+              @handleEditQuestion="handleEditQuestion"
             />
           </el-col>
           <el-col :span="12">
             <QuestionEdit
               ref="QuestionEdit"
-              :questionId='questionId'
-              :gameId='gameId'
-              :resultMode='gameForm.resultMode'
+              :questionId="questionId"
+              :gameId="gameId"
+              :resultMode="gameForm.resultMode"
               @handleRefreshQuestion="handleRefreshQuestion"
               @handleEditQuestion="handleEditQuestion"
             />
   }
 }
 </script>
-<style>
+<style scoped>
 .gameForm{
   width: 700px;
   margin: auto;

vue.config.js

       '/api': {
         target: 'http://192.168.89.147:8080',
         changeOrigin: true
-      },
+      }
     }
     // port: port,
     // overlay: {