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 possible categories, and instantly updating the list, according to
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 Module1.vue I’m generating slides using v-for https://github.com/alansutherland/BodyGuard/blob/master/src/components/Module1.vue Is it possible to dynamically create router links for each item generated within the module and transition to them from one
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 the a component, even though I’m
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 problem is I don’t know
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 all the .js related to the Admin if and only if
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: method: It works fine. But when I try to get id inside a VideoEdit component using
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 (probably rendering order), I have to
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 to check the /about (url: localhost:8080/about), than its works good , but the