下拉框数据可以Tooltip 文字提示

最新推荐文章于 2024-04-12 13:32:18 发布

m0_52611940

最新推荐文章于 2024-04-12 13:32:18 发布

阅读量510

点赞数

文章标签： java javascript 服务器

本文链接：https://blog.csdn.net/m0_52611940/article/details/130744522

版权

在这里插入图片描述

         <el-select
                filterable
                v-model="item.model"
                placeholder="请选择"
                @change="projectChange"
                style="width: 380px"
              >
                <div v-for="(item, index) in projectParams" :key="index">
                  <el-option :label="item.label" :value="item.value">
                    <el-popover
                      v-if="item.label.length >= 25"
                      placement="top-start"
                      width="400"
                      trigger="hover"
                    >
                      <p>{{ item.label }}</p>
                      <span slot="reference">{{
                        item.label.slice(0, 23) + "..."
                      }}</span>
                    </el-popover>
                    <span v-else>{{ item.label }}</span>
                  </el-option>
                </div>
              </el-select>