目前遇到的一个问题是：el-select中的el-option，由于option的值太长，在不考虑加长宽度的情况下有什么好的方案让值尽量显示全嘛？
这里我想到两个方案：一个是让他换行，一个是当鼠标hover在option时，添加一个tooltip，但不知道这个如何实现？
不知大家有没有好的方案？
1条回答 默认 最新
会飞的咕咕鱼 2022-04-19 23:07关注在el-option中 使用 el-popover包裹内容过长的数据
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用 1举报
分享
- 2021-09-03 10:23回答 1 已采纳 items="${typetlist}"写错了，改为：items="${typeList}"
- 2023-02-03 16:33回答 2 已采纳 第一个开始时间得通过开发工具定位看下是不是其他样式影响了。 最后一组的星期的html结构和其他不一样，多了一层span。去掉span容器。
- 2022-05-14 18:14回答 2 已采纳 你要在哪个div中显示option中的data-image? <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.
- 2021-09-01 11:28{{password}}的博客 el-select的option内容过长问题描述解决方法1、隐藏2、换行 问题描述 窃.格瓦拉的一句话太长，有限的空间已经不够他进行发挥，只能由勤劳的前端进行调整 解决方法 1、隐藏 ::v-deep .logMgCls .el-select__tags-...
- 2023-04-21 16:43回答 3 已采纳 因为你在<Option>里面给value的值就是d.id，而选择框选中的就是<Option>里面的value值。修改：把 <Option value={d.id}>
- 2023-03-29 22:43回答 1 已采纳 你的v-for应该写在el-select中，不能写在里面那个
- 2021-07-29 16:53回答 2 已采纳 接口404了url地址错了吧
- 2023-02-09 16:03呆不呆！的博客 a-select-option显示不全问题
- 2022-12-22 09:36回答 3 已采纳 {arr.map(item=>{ if (item.value==0){return null}else{ return({ item.title})} })}
- 2022-04-28 10:49回答 2 已采纳 先说这文字在上方的情况：label: {position: 'insideTopLeft ' }可以控制label在内部左上方，其它的我再试试看
- 2022-04-11 14:25回答 3 已采纳 这个好像是需要重新执行myChart.setOption(option)，其中的option可以简化为你需要改变的那几个参数： myChart.setOption({ series: [
- 2022-05-24 09:43IT吃糖的博客 如何解决当Select组件的大小是固定的，但是option中文本内容太长了，导致页面不美观的问题？ant design 官网给了我们一个dropdownStyle的属性使用： 你可以在这个属性中写css样式来设置option的样式 <Select...
- 2021-04-07 16:31尼克_张的博客 1.表头过长 设置slot=“header”，再包裹个tooltip <el-table-column v-for="(item, index) in tableHead" :label="item.label" :prop="item.prop" :key="index" align="center" min-width="120" show-...
- 2019-02-13 12:45meichaoWen的博客 .selbox{ width: 7.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } width/ white-space/ overflow，这三个属性是必要条件。
- 2020-10-22 20:24Mr.ZhuJunJun的博客 关于前端 jsp option 下拉框 标签 selected 选中显示使用 遇到下拉框在前端界面显示重复和不完全可以解决的办法之一，也最好懂如下： 这里解决的问题是后端将产品对象传到前端 在编辑页面自动显示，下拉框的一些问题...
- 2022-12-22 11:44浮生若梦l的博客 2.此时虽然成功加入了，但是无法显示出来，原因是没有重新渲染，使用form.render('select') 即可。
- 2021-06-19 05:27weixin_39833454的博客 JavaScript解决select下拉框中的内容太长显示不全的问题1、说明有些情况下，select下拉框的内容过长，导致部分看不见；现在通过鼠标事件，让下拉框中的内容显示完全2、实现源码JavaScript解决select下拉框中的内容太...
- 2022-08-30 17:29啵啵怪_的博客 单行内容过长，省略号加文字提示 使用content属性来决定hover时的提示信息。 由placement属性决定展示效果：placement属性值为：方向-对齐位置；四个方向：top、left、right、bottom； 三种对齐位置：start, end，...
- 2022-04-21 17:03耳东君呐的博客 el-option显示value而不是lable的问题，后台返回数字前端想要显示文字
- 没有解决我的问题, 去提问
问题事件
系统已结题
4月29日
已采纳回答
4月21日-
创建了问题
4月19日
悬赏问题
- ¥15 fluent的在模拟压强时使用希望得到一些建议
- ¥15 STM32驱动继电器
- ¥15 Windows server update services
- ¥15 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏
- ¥15 模糊pid与pid仿真结果几乎一样
- ¥15 java的GUI的运用
- ¥15 Web.config连不上数据库
- ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
- ¥15 怎么配置广告联盟瀑布流
- ¥15 Rstudio 保存代码闪退