select增加默认展示项

src/components/GuipSelect.vue

@@ -30,6 +30,11 @@ export default {
       type: String,
       default: 'label'
     },
+     // 新增动态添加项的配置
+    extraItem: {
+      type: Object,
+      default: null
+    },
     styleObject: Object,
     disabled: Boolean,
     required: Boolean,
@@ -55,7 +60,19 @@ export default {
   computed: {
     // 处理options为空的情况
     processedOptions() {
-      return this.options || []
+      let options = this.options || [];
+      // 当extraItem存在且不是空对象时，添加到options数组开头
+      if (this.extraItem && Object.keys(this.extraItem).length > 0) {
+        return [
+          {
+            [this.labelKey]: this.extraItem.label || '',
+            [this.valueKey]: this.extraItem.value || '',
+            disabled: this.extraItem.disabled || false
+          },
+          ...options
+        ];
+      }
+      return options;
     }
   },
   watch: {

src/views/elementGroups.vue

@@ -76,8 +76,9 @@
                 </div>
                 <div class="ele-item">
                     <label for="">下拉框：</label>
+                    <!-- :extraItem="{label:'全部',value:'99999'}" 传入必须是 label、value； 组件内会自动改为自定义的 labelKey、valueKey-->
                     <GuipSelect width="600px" v-model="form.card" clearable label="卡片" :default-value="form.card"
-                        prop="card" :options="options" valueKey="id1" labelKey="id2" />
+                        prop="card" :options="options" valueKey="id1" labelKey="id2" :extraItem="{label:'全部',value:'99999'}"/>
                 </div>
                 <div>
                     <h3 for="">表格：(表头自定义、自定义渲染、固定列)</h3>