element-plus下拉选择select只显示最后一个是标签问题

最新推荐文章于 2024-05-16 10:07:37 发布
最新推荐文章于 2024-05-16 10:07:37 发布
阅读量718 收藏
点赞数 3
文章标签： elementui vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48194540/article/details/125147320
版权 
<el-form-item label="隐患等级">
    <el-select v-model="formData.hiddenTrouble" >
        <el-option label="Zone one" value="shanghai" />
        <el-option label="Zone two" value="beijing" />
    </el-select>
</el-form-item>

更改后

<el-form-item label="隐患等级">
    <el-select v-model="formData.hiddenTrouble" >
        <el-option label="Zone one" value="shanghai" ></el-option>
        <el-option label="Zone two" value="beijing" ></el-option>
    </el-select>
</el-form-item>

 

z遥不可及
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
element-plus-2.2.12 本地资源文件
08-01
element-plus-2.2.12 本地资源文件，适用于Vue 3编程，是流行的Vue 3的组件库。 资源适用于离线开发，内网使用。 （本资源为 element-plus-2.2.12 保存而来，如有侵权请联系我删除。）
element-plus离线文档
05-07
element-plus离线文档，node服务已经配置好，直接node server.js即可使用，可以在内网部署，已经部署成功。
vue+elementUi+selsct+option之下拉菜单最后一项显示不全、问题、deep、less、sass、scss
06-08 2064
vue+elementUi+selsct+option之下拉菜单最后一项显示不全、问题、deep、less、sass、scss
el-select 最后一个选项显示不全
Asavakit_____的博客
06-01 316
el-select 最后一个选项显示不全
element ui组件select下拉框无论选择哪个都变成最后一个
l1002670137的博客
02-08 2166
element ui组件select下拉框无论选择哪个都变成最后一个怎么办
element-plus下拉选择select只显示最后一个解决办法
bird__yuan的博客
10-09 460
在用到element-plus下拉选择select时候会遇到无论怎么选择都选中的是最后一个
vue el-select绑定对象时，回显内容不正确，始终是最后一项
u010671652的专栏
10-30 7545
vue el-select绑定对象时，回显内容始终是最后一项 一、问题描述 使用el-select组件绑定类型为对象时，回显内容始终为选项的最后一项，但是通过控制台打印的信息却是所选项。 使用代码： <template> <div class="page-index"> <el-form :model="ruleForm" :rul...
el-select的el-option添加操作按钮插槽后实现勾选与按钮操作分离
weixin_60886885的博客
10-11 1538
当我们点击el-option时无法区分是勾选el-option还是点击了el-option选项文字后面的按钮，其实只要在后面的编辑和删除的操作按钮的。
element Select 选择器下拉框中添加按钮
HACKERRONGGE的博客
12-21 9942
html： <el-select style="left: 15px" v-model="shipTemplateId" ref="template" @change="selectTemplate($event,templateType.ship)" @visible-change="v => visibleChange(v,'t
element-ui中的select下拉列表设置默认值方法
01-19
element-ui中的select下拉列表如何设置默认值？ 在element-ui的运用中，涉及到了select下拉列表。项目中需要将select的默认值给展示出来 那如何修改呢？ 上element-ui中的代码片段 <el v-model=value placeholder...
element-plus(element[email protected]) 本地离线资源
02-05
element[email protected] 本地离线资源，适用于没有网络连接、搭建自己的cdn等用途。 All files（包含文件） /npm/element[email protected]/dist /npm/element[email protected]/es /npm/element[email protected]/lib /npm/element-...
详解element-ui中el-select的默认选择项问题
10-16
主要介绍了详解element-ui中el-select的默认选择项问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue el-select label显示多个值，选择后只显示其中一个
weixin_49261425的博客
11-12 3123
<el-select filterable @change="getHtInfo" v-model="form.hth" placeholder="请选择合同号" > <el-option v-for="(item,index) in hthOptions" :key="index" :label="item.hth + '__' + item.qdr + '__' + item.htmc" :value.
antd vue select下拉框设value没有显示对应title却直接显示出value值
wwppp987的博客
01-18 3109
首先我们确信直接原因是antdesignvue没有找到对应值： 示例： <a-row span="24" style="padding: 5px 10px;"> <a-col span="4" style="line-height: 30px;"> 问题属性 </a-col> <a-col sp
解决＜el-select＞自定义option!只显示值不显示label!
TangMonk的博客
09-14 1122
应该将。
【element Vue】＜el-select＞回显问题，应该回显 label 却只显示了id
AAAXiaoApple的博客
06-08 1万+
回显问题，应该回显 label 却只显示了id
Element UI - el-select（选择器）下拉多选菜单不换行显示
热门推荐
牧码的博客
08-17 1万+
ElementUI 是一款很强大的组件，但是其中或许也有一些功能不满足我们的需求或者审美，比如本人今天遇到一个问题：当我使用select多选框多选的时候，下拉框被撑开了，这样不仅自身不美观，旁边的组件都很有可能受到布局影响！！！ 下图为官方例子： Ps：第二张图虽然显示在同一行内，但是数据不直观！ 解决方案 很简单：超出隐藏，那么设置在哪呢？我看了下生成的DOM，发现了这样一组代码......
element-ui之el-select多选tag数值,二次封装组件
虞公子的博客
07-07 2370
二次封装组件el-select,多选tag
el-table滚动条设置及设置滚动条后多出空白列修改
最新发布
JunJiu0420的博客
05-16 137
空白列修改：给el-table-column设置适当的宽度，直到空白列消失。
element-plus 使用 el-tree-select
08-20
element-plus 是一个基于 Vue.js 的 UI 组件库，el-tree-select 是其中的一个组件，用于实现树形结构的下拉选择。 el-tree-select 组件是在 el-select 组件的基础上进行扩展，使其支持树形结构的数据。使用 el-tree-select，我们可以在下拉列表中展示树状数据，并支持选择树节点的功能。 el-tree-select 的使用方式大致分为以下几步： 1. 引入 element-plus 库，确保已安装并正确引入相关 CSS 和 JS 文件。 2. 在组件中使用 el-tree-select 标签，通过 v-model 绑定选中的节点，将选中的节点值赋给 data 中的一个变量。 3. 设置 el-tree-select 的配置项，包括数据源、显示字段、样式等。 4. 响应选择事件，在 el-tree-select 标签上绑定 change 事件，根据选中的节点进行相应操作。 配置项中常用的属性有： - data：树形数据源，可以是一个数组或者通过异步加载数据。 - label-prop：用于显示节点文本的属性名。 - value-prop：用于取值的属性名。 - default-expand-all：是否默认展开全部节点。 - filterable：是否支持输入框搜索。 el-tree-select 还提供了其他的配置项和方法，可以根据具体需求进行调整和使用。 总之，element-plus 的 el-tree-select 组件提供了一种简单易用的方式来展示和选择树形数据，在Vue.js项目中非常实用。通过合理配置，我们可以灵活定制树形下拉选择框的功能和样式，使其符合项目的需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值