I have simple routes: /follower/:token/edit and /follower/new When I move from the first one to the second one by $router.push(‘/follower/new’) befoureRouteEnter hook is triggered but callback function inside ‘next’ function does not (problem does not exist when I go from different routes or reload page). Do you know what can be wrong? Vue: 2.5.17 Vue-router: 3.0.1 Regards Answer If you
Tag: vue.js
access method outside vue component
i am new in vuejs. i have created comment feature similar with here, but due to certain circumstances i have to improvise it. i use vue component but it couldn’t access method inside my vue. if user has already post comment, any user may be able to reply that particular comment. however, i received vue warn “Property or method ‘replyComment’
Component inside Component – VueJS
I am having a hard time to understand this, so I have a component which is already complied which is a grid, now when I click on a button a modal pops-up and display another grid inside the modal at this point my code looks like this for the modal pop-up Now, the grid is a vue component which was
Observe to some event from another component in Vue
I have two components: These components have the following interface: First component is a button. I will see a modal dialog when I click on it. The modal contains an Ajax form: Second component is a table. You already saw it on the first picture So, I would like to rerender the table component after sending the form without page
Bootstrap-select & Vue.js: selectpicker(‘refresh’) not working
I am trying to implement the bootstrap-select plugin (found here https://developer.snapappointments.com/bootstrap-select/) into a ruby on rails app with Vue.js as the javascript framework. The objective is that in one select you can pick a category and in the other one you can pick all the teachers available for that category. To do this i use axios and vue to do
Is there specific number input component in Vuetify?
I’ve seen a component in Element UI for managing the amount of items, it’s over here: https://element.eleme.io/#/en-US/component/input-number I would want to use something like that in Vuetify, but I cannot find a similar component or even similar style example in Material Design. What’s the best way to achieve it? Answer Update: This answer pertains to version 1 of Vuetify, yukashima
Dynamically replaced text string with Vue component
I’m attempting to make a page which will load a text string (https://pastebin.com/Mp9sKy1A) into a page and then replace any instance of –FML-[componentName] with the appropriate component. So for example –FML-[NoteBlock] would be automatically replaced with the NoteBlock component. This is what I have so far: The output will then be placed into the following template: It actually sort of
How to make Nuxt global object?
I want to create custom object that could be available globally in every place (plugins, middleware, component’s created/computed/mounted methods) I could access global object with context property (custom plugin, custom router middleware … ), but how to access it in component’s created() ? Answer You can use the store to for global variables: 📄 https://nuxtjs.org/guide/vuex-store 1/ Create store: 2/ Read
How to save data in Vue instance
The question is quite simple, All I want is to get the data after the AJAX post saved in Vue instace’s data. Here is my code: And after I trigger the getUserAcc(id) method,I try to verify the VMList.user value in browser console,and I get only the id.Seems like after the function is over the data is reset.How could I store
Untie text field’s icon click enabling from the input one
I would like to implement an input field that can be unlocked by the user if needed. Visually, I was thinking that the button should be either outside or inside the field but strongly linked to it. To do so, I have been using the Vuetify Text Field’s append-outer-icon props : The template : And here is the script :