vue-form-generator | : clipboard : A schema-based form generator component | Form library

I'm using the schema-based form generator component for Vue.js (vue-form-generator)

Does anyone knows how to avoid dynamically empty spaces in the input field by using the trim() function?

Here is an example of the code.

I try to figure out how to start every test with fresh data, but I can't seem to make it work.

That's one of my test files:

I am using vue-form-generator with the field vueMultiselect (integration of vue-multiselect).

Adding tags works well, however deleting tags fails (clicking on x icon):

• nothing happens when trying to delete the first existing tag
• if you add a tag and try to delete it, a input event is emitted which duplicates tags

For instance:

• Starts with Vue.js
• Click x on Vue.js ==> tag remains, (BROKEN)
• Add Rails.js ==> Vue.js, Rails.js (OK)
• Click x on Rails.js ==> Vue.js, Vue.js, Rails.js (BROKEN)

Here is a link to reproduce the problem

Q: Is this failing because I misconfigured vueMultiselect (eg some options I need to set to prevent this behaviour)?

If not I'll just raise it as a bug

Versions:

• Vue = 2.5.17
• vue-multiSelect = 2.1.2
• vue-form-generator = 2.3.4

How can I catch emitted event and change value without create a new data flow?

I designed to make it easier to understand: http://prntscr.com/pk4kid

Edit:

I use vue-form-generator to generate dynamic forms, but when it is file, I need to go to the server and use only the variable, otherwise the weight of the files freezes the browser...

This is the event emitted from vue-form-generator http://prntscr.com/pk5y6o

I have a form that has about 30 fields on it and I would like to do some validations using getters and setters, but you use them in computed and cannot have computed and data values with the same name.

There have been examples where the model and the computed property are the same and the setters set the data model, but this is only with one field as an example. In practice for me to do this would be a decent refactor. Is there a way to maintain my model to data connection and use getters/setters?

Form- using the library Vue-Form-Generator

I am using vue form wizard https://github.com/BinarCode/vue-form-wizard (and vue form generator https://github.com/vue-generators/vue-form-generator)

here the complete example, the problem is that when changing tabs, the text is not updating, as this.buttonNextText is undefined in the method handleTabChange

The vue-form-generator github repo states it supports "custom styles", "Bootstrap friendly templates", etc. I can't find any documentation on how to style vue-form-generator components. Is there doc anywhere? Am I missing something obvious? Note: I'm very new to Vue.js

Iam using "vue-form-generator" plugin for dynamic loading of form fields. Among the fields, I am using "radio-button" for the "gender" field. Options are displayed in one below the other but I want the option should be displayed in the "inline" style

How to align the radio button option in the same row(inline)?

Here is my code: addMember.vue

I am using "vue-form-generator" plugin for loading fields dynamically but I have encountered an error

[Vue warn]: Failed to mount component: template or render function not defined. found in vue-form-generator

Here is my code: