I’m dynamically creating input fields based on a schema passed to the component as a prop. I enumerate the schema items and create the corresponding input component in the template. This is all good and well until I get to a q-select.
For a select that is not multiple enabled the value is automatically set to the string value of the select. This is not so when the select is multiple enabled. The options prop is set but there is a type issue on the value. This is because the value needs to be an array, not a string.
So on the component create (or mount) event I also enumerate the schema array looking for multi-select and set a default value of the model to an empty array. Progress, the select now populates and can be used.
But there is a problem! The v-model assigned doesn’t update when you change the selected values. Furthermore, if you update another input alongside, it updates!