|
|
@ -7,7 +7,7 @@ |
|
|
|
:key="item.value" |
|
|
|
:key="item.value" |
|
|
|
:index="index" |
|
|
|
:index="index" |
|
|
|
:class="item.raw.cssClass" |
|
|
|
:class="item.raw.cssClass" |
|
|
|
>{{ item.label + ' ' }}</span |
|
|
|
>{{ item.label + " " }}</span |
|
|
|
> |
|
|
|
> |
|
|
|
<el-tag |
|
|
|
<el-tag |
|
|
|
v-else |
|
|
|
v-else |
|
|
@ -17,7 +17,7 @@ |
|
|
|
:type="item.raw.listClass == 'primary' ? '' : item.raw.listClass" |
|
|
|
:type="item.raw.listClass == 'primary' ? '' : item.raw.listClass" |
|
|
|
:class="item.raw.cssClass" |
|
|
|
:class="item.raw.cssClass" |
|
|
|
> |
|
|
|
> |
|
|
|
{{ item.label + ' ' }} |
|
|
|
{{ item.label + " " }} |
|
|
|
</el-tag> |
|
|
|
</el-tag> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -49,39 +49,39 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
values() { |
|
|
|
values() { |
|
|
|
if (this.value !== null && typeof this.value !== 'undefined') { |
|
|
|
if (this.value !== null && typeof this.value !== "undefined") { |
|
|
|
return Array.isArray(this.value) ? this.value : [String(this.value)]; |
|
|
|
return Array.isArray(this.value) ? this.value : [String(this.value)]; |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
return []; |
|
|
|
return []; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
unmatch(){ |
|
|
|
unmatch() { |
|
|
|
this.unmatchArray = []; |
|
|
|
this.unmatchArray = []; |
|
|
|
if (this.value !== null && typeof this.value !== 'undefined') { |
|
|
|
if (this.value !== null && typeof this.value !== "undefined") { |
|
|
|
// 传入值为非数组 |
|
|
|
// 传入值为非数组 |
|
|
|
if(!Array.isArray(this.value)){ |
|
|
|
if (!Array.isArray(this.value)) { |
|
|
|
if(this.options.some(v=> v.value == this.value )) return false; |
|
|
|
if (this.options.some((v) => v.value == this.value)) return false; |
|
|
|
this.unmatchArray.push(this.value); |
|
|
|
this.unmatchArray.push(this.value); |
|
|
|
return true; |
|
|
|
return true; |
|
|
|
} |
|
|
|
} |
|
|
|
// 传入值为Array |
|
|
|
// 传入值为Array |
|
|
|
this.value.forEach(item => { |
|
|
|
this.value.forEach((item) => { |
|
|
|
if (!this.options.some(v=> v.value == item )) this.unmatchArray.push(item) |
|
|
|
if (!this.options.some((v) => v.value == item)) |
|
|
|
|
|
|
|
this.unmatchArray.push(item); |
|
|
|
}); |
|
|
|
}); |
|
|
|
return true; |
|
|
|
return true; |
|
|
|
} |
|
|
|
} |
|
|
|
// 没有value不显示 |
|
|
|
// 没有value不显示 |
|
|
|
return false; |
|
|
|
return false; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
filters: { |
|
|
|
handleArray(array) { |
|
|
|
handleArray(array) { |
|
|
|
if(array.length===0) return ''; |
|
|
|
if (array.length === 0) return ""; |
|
|
|
return array.reduce((pre, cur) => { |
|
|
|
return array.reduce((pre, cur) => { |
|
|
|
return pre + ' ' + cur; |
|
|
|
return pre + " " + cur; |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|