el-select(选择器)默认为单选,里面加个multiple属性就实现多选啦
v-model 绑定数据,@change里面的方法为数据变化后触发
页面如下:
绑定数据的如下:
方法:切割数据并且中间以逗号分割,组成新字符串
实现效果如下:
pkgPurModesChange(value){
if(value != null || value!=''){
var result = '';
for(var i = 0; i<value.length; i++){
result += value[i]
if(i<value.length-1){
result+= ','
}
}
result.slice(0,result.length-1);
return result;
}
}
ps:有个bug,改良后如下
getpkgPurModesName(options, str){ //翻译管理范围
var result = '';
if(str != null && str != ''){
var strTemp = str.split(",")
for(var i = 0;i<strTemp.length;i++){
for(var j = 0;j<options.length;j++){
if(strTemp[i] == options[j].value){
if(j!=0 && strTemp.length>1){ //这里要多判断一下
result += "、" //空格改为顿号
}
result += options[j].label;
}
}
}
return result
}else{
return '——';
}
}