el-select 展示过长时嵌套el-tooptip

                        <el-select
                          v-model="xxxxx"
                          filterable
                          allow-create
                          :class="$style.element"
                          default-first-option
                          placeholder="xxxx"
                          @change="xxxx"
                          >
                          <el-option
                            v-for="item in xxxx"
                            :key="item.value"
                            :label="item.value"
                            :value="item.value">
                            
                            <span style="float: left;">{{ item.value}} &nbsp;&nbsp;</span>
                            <el-tooltip   placement="bottom"
                              width="200">
                              <div slot='content' style="float: right">{{ item.label }}</div>
                              <span style="float: right;color: #8492a6;font-size: 9px;width:300px;">
                              {{ item.label }}
                              </span>
                            </el-tooltip>
                            <!-- <div style="float: right; color: #8492a6; font-size: 13px;width:200px;">{{ item.label }}</div> -->
                          </el-option>
                        </el-select>