vee-validate version: 3.4.5 So I have a FormBuilder.vue component which builds my form inputs schema based. I have a custom InputSlugify component and I want to have vee-validate validation for it with the required rule. The Problem: When I focus the input and leave the focus, I don’t receive the error message “field is required”. But it works when I
Tag: vuejs2
Vue/Javascript – Sort array of objects based on its existence in another array
I have two arrays, array1 has all objects and array2 has filtered objects based on a search string. Currently I am rendering array2 (which will contain all objects from array1 when the search string is empty, but will return only filtered objects if search string isn’t empty) to the user but I would like to show all objects and style
How do I use Vue.component with modules or Vue CLI?
I’m stuck on how to declare Vue.component inside export default this is from the tutorial by vuejs.org instead of using var app = new vue, I use and i dont know where to write Vue.component in export default app thank you in advanced! Answer Components can be registered globally or locally. Vue.component is the way to register globally, which means
Vue property or method is not defined on the instance but referenced during render?
When trying this code in an online compiler it works fine but on localhost I see this problem: Property or method “searchfunc” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components) main.js Home.vue Answer This error occurs when trying to use a property
Props doesn’t feed exactly on Vuejs
I am a beginner of vue. I’ve recently started studying vue. I added a prop in my vue component. I reckon the code seems to be correct. but something weird has happened. This is the file 3. Since there are three component would be created, but when I debug and only one props data has seeded while the other two
How can I use multiple b-form-radio-group avoiding visual interference among them?
I’m new using Vue and specifically Bootstrap Vue and I’m trying to build a form with multiple radio groups. My problem is that when I change the value in one of them the others don’t change their values (this was checked with Vue DevTools) but visually it looks like none of the values are selected I don’t know what is
Javascript / Vue JS – Retrieve value of all elements in object
I have an object that retrieves 4 different elements with different numerical values. I’m trying to access and retrieve all these numerical values. The object returns the following: If I want to retrieve the value of the collectedTrashCount, I would simply do the following: The console.log in this case would give me 139. My question is: What should I do
How can i get boolean data from another component in vue js?
I have two Components. In the second component, “date-detail-filter” I always keep track for boolean value, and want to access this data in my parent component. Answer do you know how to use $emit? In your date-detail-filter component you can add this to your method. this.$emit(‘your-event-name’, ‘your payload’) and in your main component. $emit is used to pass data from
How to store a value in a variable in a callback function in vuejs
In callback function I can print the value in consoleLog. But, can not get that value in computed property. It shows undefined. Completely stack here. Answer The problem is your callback function. If you want access to the Vue instance, it has to be an arrow function: Inside your callback, this is not the Vue instance.
Passing multiple parameters to Vuex action
I have the following method in my Vue Component I want to pass the parameters (this.urlWithPage, query) to my Vuex action as follows: The problem is that the first parameter url is returning a value but the second one query is returning undefined. My mutation is as follows: How can I get a value from the second parameter? Answer The