|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="common-select"> | 
|---|
|  |  |  | <el-select v-model="commonDefautValue" placeholder="请选择" class="common-select-sel" size="mini"> | 
|---|
|  |  |  | <el-option v-for="item in commonOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> | 
|---|
|  |  |  | <el-option v-for="item in commonOptions" :key="item.id" :label="item.name" :value="item.name"> </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | <div class="common-select-btn"> | 
|---|
|  |  |  | <div class="common-select-btn" @click="commonSelClick"> | 
|---|
|  |  |  | <i class="el-icon-setting"></i> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | commonDefautValue: this.commonValue | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: {} | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | commonSelClick() { | 
|---|
|  |  |  | console.log("1111111") | 
|---|
|  |  |  | this.$emit("editDropdownBox") | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | .common-select-btn { | 
|---|
|  |  |  | margin-left: 5px; | 
|---|
|  |  |  | font-size: 16px; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|