Vue多选框handleOptionClick TypeError: value.push is not a function

在使用下拉多选框的时候,点击选择项会报如下错误 TypeError: value.push is not a function
在这里插入图片描述

问题原因分析:

核心原理

多选下拉框的选中的内容会被push到数组变量里存起来

问题原因

下拉框的数据是通过后端接口返回的,而后端返回的数据被存储在form.data变量中,

form.data = “abc,def,ghi”

构建下拉框的时候使用了form.data。但是后端接口返回的数据是字符串类型,字符串是没有push方法的,而我们需要数组类型.

解决方案

既然是需要数组类型,那就好办了。将后端的字符串转换成数组就可以了。.

form.data = “abc,def,ghi”
//重新将data变成数组类型
form.data=form.data.split(',')

猜你喜欢

转载自blog.csdn.net/chunqiuwei/article/details/130077332