Stack Overflow
Stack Overflow

Questions tagged [vue-formulate]

Questions related to Vue Formulate, an open source package for building forms with Vue.js.

Vue Formulate is an open source package that aims to be “The easiest way to build forms with Vue”. Questions asked here should be presented with code examples if at all possible.

63 questions
4
votes
1 answer

Is there a way to hide or show inputs when using Vue Formulate Schemas?

I have been trying to create a form using Vue Formulate schemas. Specifically, I want two radio buttons, A and B. When A is clicked, an extra input field must appear below. When B is clicked, this input field must be hidden. It is important that I…
Λεωνίδας Μαυρωτάς
  • 53
  • 3
4
votes
0 answers

How to verify vue-formulate form from another button

I would like to verify my formulate not through vue-formulate input type submit but by another button. I mean, I have a form and inside this I include vue formulate and when I submit my form, I would like to check my vue-formulate before sending…
k-slash
  • 41
  • 2
3
votes
3 answers

How to implement Bootstrap classes to Vue-Formulate?

According to Vue Formulate, you can add Bootstrap to it: With provided class props you can add your own set of style classes globally or on a case-by-case basis. Tailwind? No problem. Bootstrap? You're covered. Roll your own? Right on, it’s…
redshift
  • 4,815
  • 13
  • 75
  • 138
2
votes
1 answer

vue-formulate group custom remove not working

I have a piece of code that use Vue-Formulate with group feature and I try to implement custom button to remove nested items;
…
bensiu
  • 24,660
  • 56
  • 77
  • 117
2
votes
1 answer

How do I use the addMore event in my custom slot components with Vue Formulate?

I am using Vue Formulate and would like to customise the 'add more' button for group repeatable fields. I'm using a custom slot component which is working fine, however I can't figure out what the click event I need to use is so that when my button…
MSR
  • 510
  • 3
  • 5
  • 13
2
votes
0 answers

Override default vue-formulate snow.scss theme

English is not my native language and I might not understand the vue-formulate documentation correctly but I'm trying to use vue-formulate module in a Nuxt.js project. I'm importing the default snow.scss file, then my global style: css:…
Claire
  • 773
  • 1
  • 8
  • 19
2
votes
2 answers

How to implement vue-select as a field in vue-formulate?

I'm trying to understand how I can integrate vue-select as a field in vue-formulate. I need a select field for ajax within it but I am having trouble reaching this result! Can anyone help me on how I should do this?
Marcos Ferreira
  • 21
  • 1
2
votes
1 answer

Customizing checkbox/radio labels in HTML format

Using the options attribute when setting up an array of checkbox and/or radio elements, how can one customize the label in HTML format for each radio/checkbox? For example, I want to style the Date/Time with break returns -- see output example…
Chad Taylor
  • 337
  • 1
  • 3
  • 9
2
votes
1 answer

Using Vue Formulate with a schema

I try to get Vue Formulate running, but it just does not work. Here is my code: this version includes the import statements: https://vueformulate.com/guide/installation/#direct-download
sdafadsf
  • 21
  • 4
1
vote
1 answer

How to get the option id from FormulateInput select input type in Vue.js?

I have this FormulateInput select component:
failedCoder
  • 1,346
  • 1
  • 14
  • 38
1
vote
0 answers

Override the default slot in VueFormulate's FormulateInput

There is a section in the Vue Formulate documentation that describes how to override the label slot of the FormulateInput component. Similarly, I would like to overwrite the default slot in order to customize it, but it seems it does not work. Is…
ginger
  • 55
  • 6
1
vote
1 answer

Vue generate form json data truncate label

I have vueformulate implemented in my project and I am generating the form from json data. I need to implement truncate filter - for example 80 characters, with read more/less for the label. Data is dynamic so i cant change label in this object…
Marek
  • 125
  • 1
  • 1
  • 10
1
vote
0 answers

How do I get validation errors from within a form group

When using Vue Formulate, if you have a form group with nested form fields, how do you get the errors on those form fields? If I bind a handler to the parent form, like this: ... If I log the output…
henryaj
  • 31
  • 4
1
vote
0 answers

vue formulate doesn't update the vuex state

hope you are all good currently, I'm working on quasar project, I am stuck on forms, I googled a npm package and found formulate, I did everything the docs said. made this file // boot/formulate.js import Vue from "vue"; import VueFormulate from…
Abdelhamied mostafa
  • 124
  • 1
  • 11
1
vote
2 answers

Combining two arrays when a promise resolves in vue js

I have this data i have held in this variable this.roomsData.room_photos [ { "url": "https://api.example.com/uploads/609ee58907166.jpg" }, { "url": "https://api.example.com/uploads/609ee5898ba19.jpg" }, { "url":…
Gandalf
  • 1
  • 29
  • 94
  • 165
1
2 3 4 5