How to make multiselect work in sails.js using built in vue and ajax forms?

Question

Im trying to using a simple multiselect form with standard sails.js 1.0 using ajax / vue. Everything seems right according to Vue.js site, but I'm getting errors:

On screen errors: Error: In directive model inserted hook: expects an Array value for its binding, but got Undefined.

This is a simplified version, throws same errors as a select with all the ajax properties filled in.

<select v-model="formData.select" multiple>
<option>A</option>
<option>B</option>
<option>C</option>
</select>

The above will work without the v-model="" included OR without the 'multiple' included, but how could I make this work as-is in Sails.js?

Answer 1

In sails, seems the 'formData' field autogenerates using an array for form fields, so I just hardcoded in the v-model="formData.select" to below and seems to eliminate the error.

xxx.page.js file:

data: {
formData: { /* … */
            'select': [],
        },