I have a radio button field on 3-4 pages, the pages contains same radio buttons but different content below. The radio buttons have a default value, and I want to save the checked value so that when I refresh or…
I have a input that when it changes it should updated its computed counterpart which does an axios request however the computed property is always undefined despite there is a response from the server and I see the data does…
Hello everyone and thanks in advance for your help. I am new to VueJS and was asked to work with a big codebase that uses the OptionAPI of VueJS. This code was written before Vue3 was release. However, it seems…
I am new to webpack and I am trying to add one hash value to the js file inside vueJS application whenever new build happened to avoid caching. Using webpack ExtendedApiPlugin tried to pass the hash value to the template.ejs…
this is the json response i get in my dom { "resource": "services", "status": "success", "data": [ { "service_id": "0001", "service_name": "Buy Airtime", "service_type": "airtime" }, ] } this is how my template <li v-for="service in responseObject"> {{ service }}…
I have implemented something similar to this code pen in one of my projects. https://codepen.io/sudheer-ranga/pen/bGVbjbx There is one issue that am facing, the selected items disappear for invalid search. So, I found out that the items prop is mutating. Furthermore,…
i am trying to update a data through axio as showing below: <b-form @submit.prevent="update" enctype="multipart/form-data"> . . . . <b-form-file v-model="invoice.file" placeholder="Choose a file or drop it here..." drop-placeholder="Drop file here..." v-on:change="onChange" /> Script: data() { return { invoice: {…
I have the array of objects and i am trying to show the records based upon some filtration, I am doing in VUE Here is my code return this.system.filter(function (item, key) { if(key.) }); what i am tryin to achieve…
let's we have a data variable and i want to use this data variable for my style. data() { return{ selected:{ index: 2 } } } <style> .parent-table >>> .table-row:nth-child(/* here i want to pass selected.index */) { background: red;…
I have this function that returns either true or false that is created in a child component. And this child component is called inside a nuxt page. It's like this: Child component <template> <div> <h2 class="font-bold text-2xl text-white">Select Your Role</h2>…