項目場景：

在使用element的select下拉框時，有時候數據過長需要顯示省略號，鼠標移入顯示全部文字的功能

實現方法：

直接先上代碼：

			 <el-select
                v-model="exampleManageParams.productCode"
                placeholder="請選擇"
                filterable
                remote
                reserve-keyword
                clearable
                @focus="onSearchProduct"
                :remote-method="onSearchProduct"
                :popper-append-to-body="false"
                :loading="isSelectGetDataLoading"
                class="product-style">
                <el-option
                  v-for="item in hasProduct"
                  :key="item.productCode"
                  :label="item.productName"
                  :value="item.productCode"
                  :title="item.productName">
                  <span>{{ item.productName }}</span>
                </el-option>
              </el-select>

實現el-select下拉數據太長顯示…的功能：

.product-style /deep/ .el-select-dropdown__item {
  width: calc(100% - 10px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

解釋：

在el-option中加上:title="item.productName"實現鼠標浮上去顯示全部的功能。