| | |
|---|
| | | :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>
|
|---|
