element-ui库多选组件

Question

多选组件(select组件)使用时，总是报如下错误：

[Vue warn]: Error in event handler for "handleOptionClick": "TypeError: n.push is not a function",

 TypeError: n.push is not a function

html代码部分：

<el-form :model="form">

<el-form-item label="教师：">

<el-select multiple v-model="form.teacherArry" size="small">

<el-option

v-for="item in selectList1"

:key="item.id"

:label="item.teacherName"

:value="item.teacherId"

></el-option>

</el-select>

</el-form-item>

</el-form>

data变量声明部分：

selectList1:[],

 

form: {

teacherArry:[],

name: '',

one: '',

},

 

Answer 1

拿出来了，也是报错n.push is not a function

Answer 2

还是报错

Answer 3

报错确定下是不是这个组件引发的，多选没问题

Answer 4

此问题已解决！

问题出现在：声明得变量有问题！

注意的点：

    第一，select多选属性multiple，需要组件绑定值的类型为数组！

    第二：我的组件写在弹出层上，关闭弹出层时，清空select绑定的值，不要大意的直接赋值为空串！应该赋值为空数组[]！