在el-select中内容过长 鼠标移入出现选中后内容的提示

 <el-col :span="24">
                        <el-form-item label="数据源:" prop="">
                          <el-select
                            :title="
                              getTitle(
                                editProductForm.productBaseInfo.sourceName
                              )
                            "
                            v-model="editProductForm.productBaseInfo.sourceName"
                            :disabled="disableForm.sourceNameDisable"
                            filterable
                            placeholder="请选择"
                          >
                            <el-option
                              v-for="(item, index) of dataSource"
                              :key="index"
                              :label="item"
                              :value="item"
                              :title="item"
                            >
                            </el-option>
                          </el-select>
                        </el-form-item>
                      </el-col>

   getTitle(val) {
      if (val !== "") {
        let title = this.dataSource.filter(item => item === val);
        return title[0];
      }
    }