vue路由跳轉(zhuǎn)問(wèn)題？router-view必須出現(xiàn)在 app.vue中么？

1. 場(chǎng)景是這樣子的，我再app.vue中寫(xiě)了一個(gè)登錄框，然后根據(jù)返回值權(quán)限不同跳轉(zhuǎn)不同頁(yè)面

    <div class='login-container'>
      <el-form  :model="formInline" class="demo-form-inline" label-position='left'  label-width='80px'>
        <el-form-item label="用戶(hù)名">
          <el-input v-model="formInline.user" placeholder="用戶(hù)名"></el-input>
        </el-form-item>
        <el-form-item label="密碼">
          <el-input v-model="formInline.user" placeholder="密碼"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit"  >登錄</el-button>
        </el-form-item>
      </el-form>
    </div>

onSubmit

    onSubmit(){
      // 后端請(qǐng)求判斷
      if(user1){
        this.$router.push({ path: '/User1' })
      }
      if(user2){
        this.$router.push({ path: '/User1' })
      }

    },

路由文件

    {
        path:'/User1',
        name:'User1',
        component:User1
    },
        {
        path:'/User2',
        name:'User2',
        component:User2
    }

問(wèn)題是我如果在app.vue中加了<router-view></router-view>,都會(huì)跳轉(zhuǎn)但是表單還在那個(gè)頁(yè)面，就是app.vue中既有表單頁(yè)面，又有user1頁(yè)面

有沒(méi)有辦法直接讓跳轉(zhuǎn)到user1頁(yè)面不出現(xiàn)表單，那么<router-view>應(yīng)該加在哪里？