I’m building a site that uses Vue for to power the majority of the UI. The main component is a list of videos that is updated whenever a certain URL pattern is matched. The main (video-list) component looks largely like this: The filterPostsByCategory() method does its job switching between the various …
Tag: vue-router
Vue.js transition between items created with v-for
I’m cloning a flash app (http://bqgh6e.axshare.com/module.html) using vue and I need to create transitions between items created with v-for. I’ve got transitions working between different components on my App.vue https://github.com/alansutherland/BodyGuard/blob/master/src/App.vue However, within M…
Vue.js: Add router-link-active to vue-router component loaded for root
I’m having some trouble with vue-router. My routes are set up like this: As you can see, I want to load component a when the page loads. But I don’t want the URL to change to /a when the page loads. However I would like to trigger the router-link-active-class on the <router-link> related to …
Accessing Vuex state when defining Vue-Router routes
I have the following Vuex store (main.js): I also have the following routes defined for Vue Router (routes.js): I’m trying to make it so that, if Vuex stores the user object, and it has the authenticated property set to false, is has the router redirect the user to the login page. I have this: The probl…
Async components Vue 2
I’m trying to use async components. Here is my configuration: Vue 2 using Single File Component approach Webpack 2 Vue Router The app is pretty basic, I have an “everyone” section contained in App and an “admin” section contained in Admin. I would like to load the component and a…
Vue $route is not defined
I’m learning Vue router. And I want to made programmatic navigation without using <router-link> in templates file. My router and view: So by default I push to ‘allVideos’ route and inside that component I have a button and method for redirecting to ”editVideo’ button: metho…
How to reinitialize a package on each routing in Vue?
I’ve found a tool for table management and I love it. The only problem is that it needs initializing as shown below, which means that it only gets called once – when the page’s been loaded. I’ve put the code in the mounted section and I also tried to use created. For some reason (proba…
Vue.js Routing with back button
I already use this Vue.js Routing example application. In the src/main.js I have so much data value . Now with socket.io i set the token to “sdawdda2d2ada2ad22ad” When application start than the currentRoute is equal with “/” Its okey, the first page loaded. src/routes.js When i want t…