Ufdjrw

Manga about a female worker who got dragged into another world together with this high school girl and she was just told she's not needed anymore

Does a dangling wire really electrocute me if I'm standing in water?

Need help identifying/translating a plaque in Tangier, Morocco

How could a lack of term limits lead to a "dictatorship?"

Is it wise to focus on putting odd beats on left when playing double bass drums?

Shall I use personal or official e-mail account when registering to external websites for work purpose?

What do the Banks children have against barley water?

Why doesn't a const reference extend the life of a temporary object passed via a function?

If a centaur druid Wild Shapes into a Giant Elk, do their Charge features stack?

Are objects structures and/or vice versa?

Is it legal to have the "// (c) 2019 John Smith" header in all files when there are hundreds of contributors?

What does "enim et" mean?

Typesetting a double Over Dot on top of a symbol

Prime joint compound before latex paint?

Why do UK politicians seemingly ignore opinion polls on Brexit?

Could a US political party gain complete control over the government by removing checks & balances?

When blogging recipes, how can I support both readers who want the narrative/journey and ones who want the printer-friendly recipe?

What are the advantages and disadvantages of running one shots compared to campaigns?

How to manage monthly salary

"listening to me about as much as you're listening to this pole here"

What is GPS' 19 year rollover and does it present a cybersecurity issue?

Does bootstrapped regression allow for inference?

Patience, young "Padovan"

Does the average primeness of natural numbers tend to zero?

VueJS multiple nested route not rendering by router-view

Render basic HTML view?What is the difference between angular-route and angular-ui-router?Nested routes with react router v4VueJs router-view transitionsRoutes/Redirects do not render in a React Router 4 & Redux AuthorizationOptional param in vuejs routerDynamic Routes, Redirects, and VueJS RouterVueJS Router: $route is not definedvue.js Uncaught SyntaxError: Identifier has already been declaredvuejs router and similar routes

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

1

1

I have this set up in my Vue components,

My problem is, its not rendering the component Goal.vue when I'm trying to change to its route unless I refreshed the page. I already did the setting up
the :key and also $forceUpdate. However, its working when I route to it self like this.$router.go(0); but its a bit ugly because its like rendering the page twice.

Evaluation.vue

 <keep-alive>
 <router-view :key="$route.fullPath"></router-view>
 </keep-alive>

Dashboard.vue

 <keep-alive>
 <router-view :key="$route.fullPath" v-cloak></router-view>
 </keep-alive>

And Goal.vue

Its like

+--------------------+
| Evaluation |
| +----------------+ |
| | Dashboard | |
| | +------------+ | |
| | | | | |
| | | | | |
| | | Goal | | |
| | | | | |
| | +------------+ | |
| +----------------+ |
+--------------------+

And here is my route

const ev = 
 name: "evaluate_employee",
 path: "evaluate_employee/:emp_eval_id?",
 exact: true,
 component: Evaluation,
 meta: 
 prefix: 'Evaluate Employee',
 icon: 'person',
 title: 'Evaluation - ',
 permissions: ["auth"],
 requiresAuth: false
 ,
 children:[
 
 name:'evaluating',
 path:'evaluating/:eval_id?',
 exact: true,
 component: Dashboard,
 meta: 
 prefix: 'Evaluating User - ',
 icon: '',
 title: 'Evaluating - ',
 permission:['auth'],
 requiresAuth: false
 ,
 children:[
 
 name: 'eval_goal',
 path: '', // evaluating/:eval_id?/
 exact: true,
 component: Goal,
 meta: 
 prefix: 'Performance Assessment - ',
 icon: '',
 title: 'Performance Assessment - ',
 permission: ['auth'],
 requiresAuth: false
 ,
 ,

 ]
 ,
 ]

javascript vue.js

share|improve this question

edited Mar 8 at 7:44

BGTabulation BGTabulate

asked Mar 8 at 7:23

BGTabulation BGTabulateBGTabulation BGTabulate

372416

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Would you like to provide a JSfiddle or CodePen ?
  
  – IVO GELOV
  Mar 8 at 8:24
  

  
  
  
  

add a comment | 

1

1

I have this set up in my Vue components,

My problem is, its not rendering the component Goal.vue when I'm trying to change to its route unless I refreshed the page. I already did the setting up
the :key and also $forceUpdate. However, its working when I route to it self like this.$router.go(0); but its a bit ugly because its like rendering the page twice.

Evaluation.vue

 <keep-alive>
 <router-view :key="$route.fullPath"></router-view>
 </keep-alive>

Dashboard.vue

 <keep-alive>
 <router-view :key="$route.fullPath" v-cloak></router-view>
 </keep-alive>

And Goal.vue

Its like

+--------------------+
| Evaluation |
| +----------------+ |
| | Dashboard | |
| | +------------+ | |
| | | | | |
| | | | | |
| | | Goal | | |
| | | | | |
| | +------------+ | |
| +----------------+ |
+--------------------+

And here is my route

const ev = 
 name: "evaluate_employee",
 path: "evaluate_employee/:emp_eval_id?",
 exact: true,
 component: Evaluation,
 meta: 
 prefix: 'Evaluate Employee',
 icon: 'person',
 title: 'Evaluation - ',
 permissions: ["auth"],
 requiresAuth: false
 ,
 children:[
 
 name:'evaluating',
 path:'evaluating/:eval_id?',
 exact: true,
 component: Dashboard,
 meta: 
 prefix: 'Evaluating User - ',
 icon: '',
 title: 'Evaluating - ',
 permission:['auth'],
 requiresAuth: false
 ,
 children:[
 
 name: 'eval_goal',
 path: '', // evaluating/:eval_id?/
 exact: true,
 component: Goal,
 meta: 
 prefix: 'Performance Assessment - ',
 icon: '',
 title: 'Performance Assessment - ',
 permission: ['auth'],
 requiresAuth: false
 ,
 ,

 ]
 ,
 ]

javascript vue.js

share|improve this question

edited Mar 8 at 7:44

BGTabulation BGTabulate

asked Mar 8 at 7:23

BGTabulation BGTabulateBGTabulation BGTabulate

372416

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Would you like to provide a JSfiddle or CodePen ?
  
  – IVO GELOV
  Mar 8 at 8:24
  

  
  
  
  

add a comment | 

I have this set up in my Vue components,

My problem is, its not rendering the component Goal.vue when I'm trying to change to its route unless I refreshed the page. I already did the setting up
the :key and also $forceUpdate. However, its working when I route to it self like this.$router.go(0); but its a bit ugly because its like rendering the page twice.

Evaluation.vue

 <keep-alive>
 <router-view :key="$route.fullPath"></router-view>
 </keep-alive>

Dashboard.vue

 <keep-alive>
 <router-view :key="$route.fullPath" v-cloak></router-view>
 </keep-alive>

And Goal.vue

Its like

+--------------------+
| Evaluation |
| +----------------+ |
| | Dashboard | |
| | +------------+ | |
| | | | | |
| | | | | |
| | | Goal | | |
| | | | | |
| | +------------+ | |
| +----------------+ |
+--------------------+

And here is my route

const ev = 
 name: "evaluate_employee",
 path: "evaluate_employee/:emp_eval_id?",
 exact: true,
 component: Evaluation,
 meta: 
 prefix: 'Evaluate Employee',
 icon: 'person',
 title: 'Evaluation - ',
 permissions: ["auth"],
 requiresAuth: false
 ,
 children:[
 
 name:'evaluating',
 path:'evaluating/:eval_id?',
 exact: true,
 component: Dashboard,
 meta: 
 prefix: 'Evaluating User - ',
 icon: '',
 title: 'Evaluating - ',
 permission:['auth'],
 requiresAuth: false
 ,
 children:[
 
 name: 'eval_goal',
 path: '', // evaluating/:eval_id?/
 exact: true,
 component: Goal,
 meta: 
 prefix: 'Performance Assessment - ',
 icon: '',
 title: 'Performance Assessment - ',
 permission: ['auth'],
 requiresAuth: false
 ,
 ,

 ]
 ,
 ]

javascript vue.js

share|improve this question

edited Mar 8 at 7:44

BGTabulation BGTabulate

asked Mar 8 at 7:23

BGTabulation BGTabulateBGTabulation BGTabulate

372416

 <keep-alive>
 <router-view :key="$route.fullPath"></router-view>
 </keep-alive>

 <keep-alive>
 <router-view :key="$route.fullPath" v-cloak></router-view>
 </keep-alive>

+--------------------+
| Evaluation |
| +----------------+ |
| | Dashboard | |
| | +------------+ | |
| | | | | |
| | | | | |
| | | Goal | | |
| | | | | |
| | +------------+ | |
| +----------------+ |
+--------------------+

const ev = 
 name: "evaluate_employee",
 path: "evaluate_employee/:emp_eval_id?",
 exact: true,
 component: Evaluation,
 meta: 
 prefix: 'Evaluate Employee',
 icon: 'person',
 title: 'Evaluation - ',
 permissions: ["auth"],
 requiresAuth: false
 ,
 children:[
 
 name:'evaluating',
 path:'evaluating/:eval_id?',
 exact: true,
 component: Dashboard,
 meta: 
 prefix: 'Evaluating User - ',
 icon: '',
 title: 'Evaluating - ',
 permission:['auth'],
 requiresAuth: false
 ,
 children:[
 
 name: 'eval_goal',
 path: '', // evaluating/:eval_id?/
 exact: true,
 component: Goal,
 meta: 
 prefix: 'Performance Assessment - ',
 icon: '',
 title: 'Performance Assessment - ',
 permission: ['auth'],
 requiresAuth: false
 ,
 ,

 ]
 ,
 ]

share|improve this question

edited Mar 8 at 7:44

BGTabulation BGTabulate

asked Mar 8 at 7:23

BGTabulation BGTabulateBGTabulation BGTabulate

372416

share|improve this question

edited Mar 8 at 7:44

BGTabulation BGTabulate

asked Mar 8 at 7:23

BGTabulation BGTabulateBGTabulation BGTabulate

372416

asked Mar 8 at 7:23

BGTabulation BGTabulateBGTabulation BGTabulate

372416

asked Mar 8 at 7:23

BGTabulation BGTabulateBGTabulation BGTabulate

372416