elementui el-cascader组件 回显时选中但不显示的问题

最新推荐文章于 2024-06-12 19:32:15 发布
最新推荐文章于 2024-06-12 19:32:15 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： vue 文章标签： vue elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq1019648709/article/details/124003114
版权

这个问题找了好久没有找到办法,原来value值要转成number就行了

明明选中了却不显示!!,浪费一个多小时一行代码解决

之前

this.form.regionId=response.data.regionId.split(",")

split方法截取后为字符串

修改为

this.form.regionId=response.data.regionId.split(",").map(item=>item*1)

在这里记录下,希望下次遇到能想起来看这里.

007Lord
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【Element-ui】Cascader 级联选择器在emitPath设置为false时，选中内容后不显示。 问题原因及解决方法
Simle_Tiny_horse的博客
03-02 9552
Element-ui 级联选择器选中选项后不显示
关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题
01-25
然而，在实际使用过程中，可能会遇到一些问题，比如Select下拉选项（el-option）在页面滚动时超出元素区域，以及Cascader级联选择器滚动超出其容器。这两个问题都会影响用户体验。本文将详细探讨这两个问题的原因及...
element_ui cascader 选中未显示
怪兽的猫的博客
08-19 2080
element_ui cascader 选中未显示
element el-cascader 选中但不显示的问题
piaojiancong的博客
09-30 7747
一行代码解决element el-cascader 选中但不显示的问题。
element el-cascader动态加载数据 （多级联动，落地实现）
最新发布
qq_38210427的博客
06-12 589
data中数据配置，对应上方props。
el-cascader回显只选中不显示的问题
mkbird的博客
06-30 3836
先看代码 因为el-cascader的v-model绑定的必须是数组所以在我点击对应页面发起请求的时候，将需要的值push到cityCascader中 此时就会出现标题的问题，我的cityCascader的数据是符合要求的，但是级联选择框没有默认数据，只有默认选中解决方法是，不使用数组的push方法，而是直接重新赋值 此时就可以默认显示啦...
Element UI Cascader 懒加载造成已选列表丢失的问题解决方案
github_38616039的博客
05-10 1421
某些情况下使用级联器时需要将已有的数据加载到级联器选择列表中，此时使用懒加载会使多级选项丢失
element-ui级联选择器回显问题（选中但不显示）
阿兰你在哪
05-18 4837
问题如图： 选中了但是不显示。 cascader绑定的是一个数组，不显示的原因是往数组添加数据的方式问题。 数组中的push方法按道理来讲应该是可以的，但是使用push就出现了上面的那种情况。如下，subjects是cascader的绑定数组 解决办法： 不使用push，给这个数组引用重新赋一个新的数组。 ...
使用element中el-cascader级联选择器：实现省市区街道筛选、动态懒加载以及回显
12-22
全国省市区街道的json数据
详解element-ui级联菜单（城市三级联动菜单）和回显问题
01-19
el-cascader v-model=ruleForm.censusLand style=width:180px;padding-left:7px;width:270px placeholder=请选择省市区 :options=cascaderData1 @expand-change=censusLandChange :props={ va
解决element ui select下拉框不回显数据问题的解决
10-17
在开发Vue.js应用时，Element UI是一个常用的组件库，提供了丰富的UI组件，其中包括`el-select`下拉选择框。然而，在实际使用过程中，有时会遇到`el-select`无法正确回显已选择数据的问题。本篇文章将深入探讨这个...
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
10-16
在本案例中，我们关注的是如何在使用Element-UI的`el-menu`组件时，确保用户在导航选中后刷新页面时仍能保持当前选中的状态。这涉及到Vue.js的路由管理和组件状态持久化。 `el-menu`是Element-UI中用于创建导航菜单...
vue el-cascader （element-ui）使用lazy回显失败（已解决！！！）
江城的博客
11-01 1484
原因： slot 作为内嵌的方式在子组件中渲染，lazyLoad获取到的数据为异步，我们把cascader的props放到data中，data在vue生命周期created初期时便构建完成，在构建时触发lazyLoad获取数据，这时我们给予cascader回显数据，slot会重新渲染该部分数据。推荐使用slot方式来解决。
elementUI的cascader级联选择控件使用采坑：设置默认值回显问题解决方案（亲测有效！）
HELLO WORD
07-31 5314
更多文章可关注我的个人博客：https://seven777777.github.io/myblog/ 记录一个刚刚遇到的问题，以及解决方法。希望可以帮助之后遇到同样问题的小伙伴们！ 问题描述 使用elementui的级联选择控件，并需要对其设置默认值，以及修改默认值时，发现问题： 先贴出相关核心代码如下： <el-cascader ref="locationCascader" v-model="location" placeholder="省份/城市/区域" :o.
vue element-ui 级联选择器 el-cascader 多选数据回显问题(无懒加载)
weixin_44741820的博客
11-10 1868
多选时组件带了父级id，后端只要最后一级的值，回显时也是返回的最后一级的id值
关于element-ui的级联选择器，最后一个选项没有选中的问题
cheaphotel的博客
11-30 581
我们都知道el-cascader是根据value/v-model的值去找到用户选择的路径进行显示我们选中相关数据进行提交之后，返回给后端一个数组，这个数组就是相关选择的路径参数，可以是id什么的，由前后端共同确认这个参数的选项;
el-cascader回显失败；el-cascader回显不出来
i_am_a_div的博客
06-30 5822
el-cascader回显失败；el-cascader回显不出来
element-ui el-select/el-cascader设置默认值，默认值不显示
weixin_43144209的博客
10-21 5977
最近接手了一个后台管理项目，项目使用了Element-ui组件， 使用了Select 下拉菜单展示并选择内容，使用了cascader做级联城市选择器 看了官方文档我们知道可以使用v-model绑定数据，设置初始值/默认值 <el-form-item label="班级" prop="classId"> <el-select v-model="form.classId" placeholder="请选择班级"> <el-option v-for="(valu
element-ui 级联选择器Cascader设置默认值无效
q879936814的博客
08-24 3128
但是这次无效了，失效的方式竟然是不显示Label，点开级联选择器，传入的值是被选中的状态，最开始觉得是需要传一个数组，把数据放到数组里放到v-model绑定的变量，依旧不能显示label。最近遇到的一个新需求，我们编辑时需要修改之前级联选择器选择的资源，正常的思路就是点击编辑，传入row的值就可以正常显示修改了。对比了触发handleChange和传入值时的ruleForm，发现sourceId的值也没什么区别。
ElementUI el-cascader 单选 懒加载 回显问题
07-28
ElementUI的el-cascader组件在单选模式下，可以通过将value数据结构转成组件接收的结构来成功回写值。而在多选模式下，即使将value数据结构转成和组件接收的二维数组结构一样，也无法自动触发懒加载回调将下拉框选项...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值