| | |
| | | :key="item.value" |
| | | :index="index" |
| | | :class="item.raw.cssClass" |
| | | >{{ item.label + " " }}</span |
| | | >{{ item.label + ' ' }}</span |
| | | > |
| | | <el-tag |
| | | v-else |
| | |
| | | :type="item.raw.listClass == 'primary' ? '' : item.raw.listClass" |
| | | :class="item.raw.cssClass" |
| | | > |
| | | {{ item.label + " " }} |
| | | {{ item.label + ' ' }} |
| | | </el-tag> |
| | | </template> |
| | | </template> |
| | |
| | | showValue: { |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | separator: { |
| | | type: String, |
| | | default: "," |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | }, |
| | | computed: { |
| | | values() { |
| | | if (this.value !== null && typeof this.value !== "undefined") { |
| | | return Array.isArray(this.value) ? this.value : [String(this.value)]; |
| | | } else { |
| | | return []; |
| | | } |
| | | if (this.value === null || typeof this.value === 'undefined' || this.value === '') return [] |
| | | return Array.isArray(this.value) ? this.value.map(item => '' + item) : String(this.value).split(this.separator) |
| | | }, |
| | | unmatch() { |
| | | this.unmatchArray = []; |
| | | if (this.value !== null && typeof this.value !== "undefined") { |
| | | // 传入值为非数组 |
| | | if (!Array.isArray(this.value)) { |
| | | if (this.options.some((v) => v.value == this.value)) return false; |
| | | this.unmatchArray.push(this.value); |
| | | return true; |
| | | } |
| | | // 传入值为Array |
| | | this.value.forEach((item) => { |
| | | if (!this.options.some((v) => v.value == item)) |
| | | this.unmatchArray.push(item); |
| | | }); |
| | | return true; |
| | | } |
| | | this.unmatchArray = [] |
| | | // 没有value不显示 |
| | | return false; |
| | | if (this.value === null || typeof this.value === 'undefined' || this.value === '' || this.options.length === 0) return false |
| | | // 传入值为数组 |
| | | let unmatch = false // 添加一个标志来判断是否有未匹配项 |
| | | this.values.forEach(item => { |
| | | if (!this.options.some(v => v.value === item)) { |
| | | this.unmatchArray.push(item) |
| | | unmatch = true // 如果有未匹配项,将标志设置为true |
| | | } |
| | | }) |
| | | return unmatch // 返回标志的值 |
| | | }, |
| | | |
| | | }, |
| | | filters: { |
| | | handleArray(array) { |
| | | if (array.length === 0) return ""; |
| | | if (array.length === 0) return ''; |
| | | return array.reduce((pre, cur) => { |
| | | return pre + " " + cur; |
| | | return pre + ' ' + cur; |
| | | }) |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | </script> |