下拉文字过多,导致下拉弹窗铺满整个页面 image.png 解决办法 利用组件toopTip解决展示问题 html中 <el-form-itemlabel="海关分类":rules="dataRule.hscode"prop="hscode"><el-selectv-model="tradeitemList[index].hscode"filterableplaceholder="请选择海关分类"><el-optionv-for="item in tradeitemList[ ind...
用:title写在el-select里面也可以生效,但是有一个问题无法解决 就是当select处于disabled状态的时候:title无法激活,导致无法查看超长的内容,而使用虚拟触发的tooltip则可以解决这个问题。
网上搜了很多文章,几乎都是单独设置el-select__tags-text的max-width,如果页面有很多不同宽度的el-select就比较麻烦了,下面是通过refs对不同的el-select的max-width进行修改 <el-select v-model="form.operation_center" size="small" style="width: 200px;" clearable filterable multiple collapse-tags ref="t...
在select.css文件中的css样式如下面代码所示: .el-select__tags.noTags.noTagSpan{display: inline-block;font-size:12px;width:100%;padding:06px;overflow: hidden;/*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/} (3)在noTag参数为true时显示clas...
<el-select class="inputInfo" v-model="searchcursom" filterable clearable remote placeholder="搜索内容" :remote-method="querySearch" @change="handleSelect" :loading="loading" @clear="removeclear" > <template slot="prefix">//输入框前搜索图标和后搜索文字 ...
elementui修改提示文字(placeholder)的字体颜色 el-input/el-input-number/el-select/el-cascader/el-time-select/el-date-picker都适用 实现效果 实现代码 .el-input__inner::placeholder { color: #4cc; } 1. 2. 3.
目前遇到一个问题,在用el-select组件的时候,当选项的内容很长的时候,会撑开下拉菜单的宽度,这样影响美观。具体如下图所示: 解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 解决时的问题就是,设置了宽度,横向滚动条却不出现,如下图所示,直接将超出的文字隐藏,并且后面添加省略号 ...
el-select可输入时,如果输入的文字不在下拉框选项中,则不展示下方推荐框 lizitang 106859117 发布于 2021-04-02 el-select可输入时,如果输入的文字不在下拉框选项中,则不展示下方推荐框尝试监听input输入,用css隐藏,但是发现有bug element-ui 有用关注1收藏 回复 阅读2k ...
进入官网地址找到form表单组建,触发下拉框的标题就能看到效果 What is Expected? 点击表单名称的时候不触发select下拉框的展开 What is actually happening? 点击表单名称的时候触发select下拉框的展开 Additional comments (empty) Collaborator warmthsea commented Sep 24, 2024 @onlySparrow This issue has been fixed...
readValue: '', // 假设为我们读取到select的value值 form: { select: '' }, options: [ { value: 1, label: '测试1' }, { value: 2, label: '测试2' } ] } }, methods: { demo() { this.readValue = '1' // 此处可以替换成接口读取的内容 在内容未知情况下用Number转换即可 ...