首页 > 解决方案 > 如何使用内置的 vue 和 ajax 表单在sails.js 中进行多选工作?

问题描述

我尝试使用 ajax / vue 使用标准sails.js 1.0 的简单多选表单。根据 Vue.js 网站,一切似乎都是正确的,但我遇到了错误:

屏幕错误:错误:在指令模型中插入了钩子:需要一个数组值来绑定,但未定义。

这是一个简化版本,与填充了所有 ajax 属性的选择相同。

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

以上将在不包含 v-model="" 或不包含'multiple'的情况下工作,但我怎样才能在 Sails.js 中按原样工作?

标签: ajaxvue.jssails.jsmulti-select

解决方案


在sails 中,'formData' 字段似乎是使用表单字段数组自动生成的,所以我只是将 v-model="formData.select" 硬编码到下面,似乎消除了错误。

xxx.page.js 文件:

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

推荐阅读