Styjun

The instant an accelerating object has zero speed, is it speeding up, slowing down, or neither?

What is this plant I saw for sale at a Romanian farmer's market?

Using roof rails to set up hammock

Should I email my professor to clear up a (possibly very irrelevant) awkward misunderstanding?

How can the US president give an order to a civilian?

Do Battery Electrons Only Move If There is a Positive Terminal at the End of the Wire?

How did Frodo know where the Bree village was?

Digital signature that is only verifiable by one specific person

How to write a nice frame challenge?

What is the precise meaning of "подсел на мак"?

Are there any individual aliens that have gained superpowers in the Marvel universe?

How do credit card companies know what type of business I'm paying for?

Credit card validation in C

Right indicator flash-frequency has increased and rear-right bulb is out

Fibonacci sequence and other metallic sequences emerged in the form of fractions

Common Marsupials and Rare Antelopes

How is linear momentum conserved in circular motion?

How useful is the GRE Exam?

How to avoid offending original culture when making conculture inspired from original

Co-worker is now managing my team. Does this mean that I'm being demoted?

...and then she held the gun

Object-oriented design implementation of an Elevator

How to recover a single blank shot from a film camera

Graphing large functions in LaTeX

Is there any way to use one component page in vue.js while restricting the other components?

Creating a child component within a parent component in Vue.JSHow to structure components in a large vue.js app?vue js two SPAsHow to make Vue.js + Vuetify.js page elements to display only with CSS ready?Can't register component locally in Vue.js. “[Vue warn]: Unknown custom element”Vue.js and structuring multi-page web apps - component registrationsLARAVEL + Vue.js: using blade to show whole page vue.js components in MPA, not SEO friendlyCannot embed vue components that have md-app-toolbar and md-app-drawer in md-appVuetify - Hide Navigation drawer during transitionVue.js transition of components due to rerouting

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I am building the web-app, which includes the authentication page like login.vue and register.vue components, also I'm using the drawer.vue page as the core component, i.e I'm using the drawer.vue component in the whole project or in all other components.

The problem here is that I do not want to use drawer.vue component in login.vue and register.vue components.

I have tried this to restrict the register.vue component by doing "v-if="$route.name !== 'register'" in the app.vue file.i.e.

<template>
 <v-app>
 <core-toolbar v-if="$route.name !== 'register'" />
 <core-drawer v-if="$route.name !== 'register'" />
 <core-view />
 </v-app>
</template>

The problem here is that I am unable to restrict the login.vue component, I'm only be able to restrict the register component, does any one have better solution for this?

vue.js

share|improve this question

edited Mar 25 at 11:09

halfer

15k760122

asked Mar 25 at 4:42

Robin PrajapatiRobin Prajapati

165

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  When app loads, by default load core-drawer & core-toolbar with false and when user login or register into the app, store the user value in localstorage and make the flag true. Hope this works!
  
  – varit05
  Mar 25 at 4:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is there a route to the login component? If so, why are you not adding it to the v-if condition? You can use this syntax: ['register', 'login'].includes($route.name)
  
  – Rashad Saleh
  Mar 25 at 11:20
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  ya, there is route for login and register both, sorry but i didnt get you, can you please elaborate, about what you are saying @RashadSaleh
  
  – Robin Prajapati
  Mar 25 at 15:44
  

  
  
  
  

add a comment | 

0

I am building the web-app, which includes the authentication page like login.vue and register.vue components, also I'm using the drawer.vue page as the core component, i.e I'm using the drawer.vue component in the whole project or in all other components.

The problem here is that I do not want to use drawer.vue component in login.vue and register.vue components.

I have tried this to restrict the register.vue component by doing "v-if="$route.name !== 'register'" in the app.vue file.i.e.

<template>
 <v-app>
 <core-toolbar v-if="$route.name !== 'register'" />
 <core-drawer v-if="$route.name !== 'register'" />
 <core-view />
 </v-app>
</template>

The problem here is that I am unable to restrict the login.vue component, I'm only be able to restrict the register component, does any one have better solution for this?

vue.js

share|improve this question

edited Mar 25 at 11:09

halfer

15k760122

asked Mar 25 at 4:42

Robin PrajapatiRobin Prajapati

165

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  When app loads, by default load core-drawer & core-toolbar with false and when user login or register into the app, store the user value in localstorage and make the flag true. Hope this works!
  
  – varit05
  Mar 25 at 4:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Is there a route to the login component? If so, why are you not adding it to the v-if condition? You can use this syntax: ['register', 'login'].includes($route.name)
  
  – Rashad Saleh
  Mar 25 at 11:20
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  ya, there is route for login and register both, sorry but i didnt get you, can you please elaborate, about what you are saying @RashadSaleh
  
  – Robin Prajapati
  Mar 25 at 15:44
  

  
  
  
  

add a comment | 

I am building the web-app, which includes the authentication page like login.vue and register.vue components, also I'm using the drawer.vue page as the core component, i.e I'm using the drawer.vue component in the whole project or in all other components.

The problem here is that I do not want to use drawer.vue component in login.vue and register.vue components.

I have tried this to restrict the register.vue component by doing "v-if="$route.name !== 'register'" in the app.vue file.i.e.

<template>
 <v-app>
 <core-toolbar v-if="$route.name !== 'register'" />
 <core-drawer v-if="$route.name !== 'register'" />
 <core-view />
 </v-app>
</template>

The problem here is that I am unable to restrict the login.vue component, I'm only be able to restrict the register component, does any one have better solution for this?

vue.js

share|improve this question

edited Mar 25 at 11:09

halfer

15k760122

asked Mar 25 at 4:42

Robin PrajapatiRobin Prajapati

165

<template>
 <v-app>
 <core-toolbar v-if="$route.name !== 'register'" />
 <core-drawer v-if="$route.name !== 'register'" />
 <core-view />
 </v-app>
</template>

share|improve this question

edited Mar 25 at 11:09

halfer

15k760122

asked Mar 25 at 4:42

Robin PrajapatiRobin Prajapati

165

share|improve this question

edited Mar 25 at 11:09

halfer

15k760122

asked Mar 25 at 4:42

Robin PrajapatiRobin Prajapati

165

edited Mar 25 at 11:09

halfer

15k760122

edited Mar 25 at 11:09

halfer

15k760122

asked Mar 25 at 4:42

Robin PrajapatiRobin Prajapati

165

asked Mar 25 at 4:42

Robin PrajapatiRobin Prajapati

165