Z
This is due to how reactivity works in vue. Check this link to know more about this.
To fix your problem, you will need to tell vue that you are setting a new object on ‘this.input’. So by using this.$set() which is the same as Vue.set(), you are telling vue to assign setters and getters on this new object cuz it was created during runtime and vue needs a way to know about that.
So you will need to change this piece in your code:
if(i.type == 'Multiselect') {
this.$set(this.input, i.name, []);
}
PS: Instead of using v-if-else you can do what you want using dynamic components. Read about it here. And actually since they are the same component and just different props you can do it using v-bind $attrs. This can be done in many ways and depends on the real situation you have on your actual code, but Check this Codepen maybe it will inspire you into something else or maybe not (also using vuex would make it much easier).
