目前遇到的一个问题是：el-select中的el-option，由于option的值太长，在不考虑加长宽度的情况下有什么好的方案让值尽量显示全嘛？
这里我想到两个方案：一个是让他换行，一个是当鼠标hover在option时，添加一个tooltip，但不知道这个如何实现？
不知大家有没有好的方案？
1条回答 默认 最新
会飞的咕咕鱼 2022-04-19 23:07关注在el-option中 使用 el-popover包裹内容过长的数据
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用 1举报
分享
- 2023-02-03 16:33回答 2 已采纳 第一个开始时间得通过开发工具定位看下是不是其他样式影响了。 最后一组的星期的html结构和其他不一样，多了一层span。去掉span容器。
- 2021-09-03 10:23回答 1 已采纳 items="${typetlist}"写错了，改为：items="${typeList}"
- 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中，不能写在里面那个
- 2023-04-06 18:34回答 2 已采纳 。。。。。。。。。自己搞出来了 用个view把 图片和文字包裹起来就可以了
- 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})} })}
- 2021-07-29 16:53回答 2 已采纳 接口404了url地址错了吧
- 2022-04-28 10:49回答 2 已采纳 先说这文字在上方的情况：label: {position: 'insideTopLeft ' }可以控制label在内部左上方，其它的我再试试看
- 2022-05-24 09:43IT吃糖的博客 如何解决当Select组件的大小是固定的，但是option中文本内容太长了，导致页面不美观的问题？ant design 官网给了我们一个dropdownStyle的属性使用： 你可以在这个属性中写css样式来设置option的样式 <Select...
- 2019-02-13 12:45meichaoWen的博客 .selbox{ width: 7.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } width/ white-space/ overflow，这三个属性是必要条件。
- 2022-12-22 11:44浮生若梦l的博客 2.此时虽然成功加入了，但是无法显示出来，原因是没有重新渲染，使用form.render('select') 即可。
- 2020-10-22 20:24Mr.ZhuJunJun的博客 关于前端 jsp option 下拉框 标签 selected 选中显示使用 遇到下拉框在前端界面显示重复和不完全可以解决的办法之一，也最好懂如下： 这里解决的问题是后端将产品对象传到前端 在编辑页面自动显示，下拉框的一些问题...
- 2022-04-21 17:03耳东君呐的博客 el-option显示value而不是lable的问题，后台返回数字前端想要显示文字
- 2021-06-19 05:27weixin_39833454的博客 JavaScript解决select下拉框中的内容太长显示不全的问题1、说明有些情况下，select下拉框的内容过长，导致部分看不见；现在通过鼠标事件，让下拉框中的内容显示完全2、实现源码JavaScript解决select下拉框中的内容太...
- 2017-10-16 16:52XC_Echizen的博客 公司项目需要兼容IE8，在一个功能模块中用到了select下拉框并设置了宽度为固定值，在IE8浏览器中打开的的时候，因为option加载的内容长度>下拉框宽度，选择下拉框内容的时候并没有显示完全，如下图： 用...
- 2022-08-30 17:29啵啵怪_的博客 单行内容过长，省略号加文字提示 使用content属性来决定hover时的提示信息。 由placement属性决定展示效果：placement属性值为：方向-对齐位置；四个方向：top、left、right、bottom； 三种对齐位置：start, end，...
- 没有解决我的问题, 去提问
问题事件
系统已结题
4月29日
已采纳回答
4月21日-
创建了问题
4月19日