I have a function to authenticate with a website, it works when I run it in a basic node.js script but it does not work when run from a .vue page (using NuxtJS framework). When I run it in a .vue page it receives errors stating TypeError: axiosCookieJarSupport is not a function Examples below. Working code in…
Tag: vue.js
Vue 3 component not updating after call from vue-router
I want to build a todo app with ionic-vue. It currently uses vue 3. I have this overview (called Lists.vue) where it is possible to click on multiple lists (where tasks should be loaded per list). However, everytime when I click on a list, the same data appears! It is as if the component is being reused but n…
Conditional route for children routes in VueJS
I wonder how to redirect a children route conditionally. I’ve tried many ways but none of them works. I’m using a state from the store as the condition to redirect the children routes. I’ve exported my store from the file it is in and import it in the routes.js: import store from ‘@/st…
Is there a way to install v-cupertino module in Nuxt.js?
I’ve found an interesting Vue.js module called v-cupertino. But there is no solution described for implementing in Nuxt.js. I’ve tried it using then but not working for me. I’m getting 10 warnings regarding somthing not found in ‘vue’ and Nuxt crashes. Part of the result in Termi…
How to submit form to array and clear inputs in vue
I have a vue form inside a dialog. Where the user can select a date and multplie starting times and ending times. So far I can save one object consisting of one date and multiple times. But when I want to add another object it takes the new date but changes the time values for every object. for example if
Radio Button Display as current Value
I have a radio button that act as status selector for company record. Problem is when edit record. i want radio button in editdialog preselect according to current status of record. current code I’ve tried a solution as in this link and it still don’t work as intend. this time it warn me that Acti…
Vue array prop in child component not updating
I have a model from a backend where the property that normally contains an array of elements can be nullable. When this happens I’ll init it to an empty array. However when doing that it seems to break my ability to update the array in the child component. Sample code can be found below. If data in the …
How to use globally registered components in JSX/TSX without importing?
VButton has been globally registered and can be used in SFC <template> directly, how can I use it without manually importing in JSX/TSX? Answer Well, I didn’t expect using VButton directly works out of the box after global registration.
How to add Quasar to an existing Nuxt app?
I want to install Quasar to my existing Nuxt project. I’ve been reading through the quasar docs and the only thing they mentioned in the installation page is their own CLI which has no option for Nuxt. I also came across the nuxt-quasar module but it not maintained anymore. Has anyone have any experienc…
Dynamic Vuetify Textbox or Select based on Array Values
I’m working on a modal form which will display a number of v-select or v-text-field… however, the number and types of these elements are being pulled from a database which means the vuetify code to create the elements needs to be dynamic. To start, I have a json object which is returned from the d…