element-ui库多选组件

cmsNB 发布于 06/20 09:14
阅读 282
收藏 0

多选组件(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: '',

},

 

加载中
0
cmsNB
cmsNB

此问题已解决!

问题出现在:声明得变量有问题!

注意的点:

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

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

0
开源中国小卖部部长
开源中国小卖部部长

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

cmsNB
cmsNB
还是报错
0
cmsNB
cmsNB

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

返回顶部
顶部