element-ui下拉多选报错Error in event handler for "handleOptionClick": "TypeError: value.push is not a func

<el-form-item label="所在校区" prop="zoneid">
                    <template>
                      <el-select v-model="addForm.zoneid"  multiple   placeholder="请选择" @visible-change="getSchoolZoneLists()" >
                         <el-option 
                               v-for="item in schoolZones"
                               :key="item.zoneid"
                               :label="item.zonename"
                               :value="item.zoneid"
                               ></el-option>
                      </el-select>
                    </template>
                </el-form-item>

 

addForm: {
                    username: "",
                    gender:'1',
                    mobile: "",
                    userid:'',
                    address:'',
                    zoneid:[],
                    status:''
                    },

多选的那个字段本来应该定义成数组的，因为他会自动的把你点击的内容push到里面。所以你定义成了string类型的。他就会报上面的错误。

如果你提交给后台的又是字符类型如。"10,12"，而不是["10","12"].你要在提交之前使用arry.toString()转为字符就可以啦。