I have a vue app where a user can randomize a title and subtitle OR edit the fields using a custom input component. When a user chooses to edit, I’d like to send the updated title and subtitle from the input component to the store to mutate the title and subtitle state when clicking the save button after filling out
Tag: vuejs2
Vue-Select is Unable to Create Options from an Array
I am a beginner who is currently learning Vue and Nuxt JS and developing a simple web application with Nuxt JS. Currently, I am trying to make a Vue Select option where I pass an array and I have the options be the elements in the array. This is my current index.vue (TextBox and DropDown are components I have defined):
How to render ordered list base on the specific properly of an object?
I have simple table in vuetify It rendered based on this objects [ { “id”: 275, “group_id”: 119, “url”: “https://cnn.com”, “url_num”: 10, “max_iteration”: 0 }, { “id”: 274, “group_id”: 119, “url”: “https://cnn.com”, “url_num”: 9, “max_iteration”: 0 }, { “id”: 273, “group_id”: 119, “url”: “https://cnn.com”, “url_num”: 8, “max_iteration”: 0 }, { “id”: 272, “group_id”: 119, “url”: “https://cnn.com”, “url_num”: 7, “max_iteration”: 0
Vuelidate unable to procedurally generate form validation
So I’m currently working on extracting a highly re-usable form into a subcomponent in VueJS (Vue2). This form is long in my actual application, and so instead of hardcoding it, I decided to procedurally generate it from a JSON file. Now, I was having a devil of a time getting it to work, and couldn’t find where the error was
no-data section loads first and then shows the data in v-data-table
I am using vuetify v-data-table to display data. The issue I am facing here is No Settings Yet message always shows for like 1 second and then displays the data. Its like no data message loads first and then the actual data shows up. Is there a way to fix this. Answer I think you can do this by adding
How to sort Vuetify date range picker?
I have a vuetify date range picker as shown: Then use the following computed property to return the values to the text field however I cannot get the dates to be in order. You can only choose two dates and if you choose the newer date first it fills in the text field with that value first even if I
How to remove event listener from Vue Component
I have a Vue2 component which contains an added eventListener i created on mounted. I was wondering how do i properly remove this listener when the component is destroyed? Answer You can use this.$el for whole component and destroy event like you created it:
How to search an array of objects obtained by axios for an id? Vue 2
I am trying to verify if the user is inside that list that I capture by axios, the issue is that I have used the FILTER option but it always returns undefined or [], being that if the user exists in that array. I can’t think what else to do, because I validate if it is by console.log() the variable
Vue how to access props of parent component – the importer not a wrapper
Overall goal: from a child Vue component, get access to the component that it is imported and used within – which is not always the same as $parent. This should be done by only making changes within the child component (if possible). We have PinButton Vue component meant to add a “pinning” functionality to other components. This component is used
Vue click event not emitting properly to div
As shown in the code, I want to get a click event to trigger the pop up ‘add-day-form’ which is a component. But by putting the @click=”showModal = true” in the wrapping div, when the pop up appears I cannot seem to press the close button that emits the close event. I only get it to close if i put