elementUI中级联选择器样式没有反应的问题

最新推荐文章于 2024-03-07 19:15:06 发布
最新推荐文章于 2024-03-07 19:15:06 发布
阅读量835 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/inzv520/article/details/117741886
本文介绍了一个ElementUI级联选择器样式未正常显示的问题及其解决方案。当遇到级联选择器展开效果缺失时，检查是否通过CDN正确引入了所需的ElementUI样式文件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

elementUI中级联选择器样式没有反应的问题

问题简介

当点击级联选择器时是三个面板都在同一个面板，直接是从上面往下展开的，而且背景颜色都有改变，只有级联选择器的展开效果不显示。

elementUI npm i element-ui -S

当时以为没有安装element 所以运行了一下npm i element-ui -S，但是没有效果在main.js文件里也都注册了，但是没有反应。

解决方法

突然想到这个项目有可能是CDN引入的，于是我看了下index.html中的样式，发现了真的是。可以直接把想要的版本插入进来
inde.html
完美解决。。

inzv520
关注
使用CDN方式引入Vue和Element plus
haohulala的博客
05-30 4221
在学习Vue和Element plus整合使用的时候打算先写一个使用cdn方式引入的入门级案例，没想到遇到了一个坑，在网上查了资料也没有解决问题，最后发现是引入cdn的顺序错了。整合vue和Element plus的时候我们需要引入三个cdn，这三个cdn的引入是需要严格按照顺序的，具体的写法如下。也就是先引入样式，然后引入Vue，最后引入Element plus。我一开始以为前端非常简单，没想到学习起来比后端的坑还多。完整的代码如下，这也是一个入门级的例程。
近 20 人爆肝数周，写给初中级前端的万字高级进阶指南
yck199的博客
10-13 3534
因为微信公众号不支持打开外链，所以有兴趣获取资料的读者朋友可以公众号发送「资料」关键字或者打开 Github 链接（https://github.com/KieSun/all-of-fro...
记录写vue项目中遇到的坑，Element-ui级联选择器，选择任意一项，就是不能选择，结果.....
qq_17798343的博客
08-28 3852
在做一个前后端分离的项目中，使用了前端ui框架Element-ui框架，发现使用了某些组件时，该写的都写了，就是没有起到作用，在百度上找了很久，都没有找到办法，有个朋友说看看文档，我看到文档上面有个版本号，我灵机一动，是不是我添加的依赖包，版本过低，一看差了七八个小版本，我想问题就出在这里，一更新，问题得到解决，以此记录一下工作中遇到的一个问题。 有时候并不是代码写错了，有时候是你添加的依赖包出...
后端踩个坑，element-ui级联框顶级无法选择，二级三级不显示的问题
weixin_44273409的博客
09-09 1361
后端踩个坑，element-ui级联框顶级无法选择，二级三级不显示的问题
ElementUI级联选择器择任意项的两个缺陷，我不说，你也不知道吧
Web_chicken的博客
12-02 1676
1.ElementUI官网级Cascader 级联选择器 这样的话效果是实现了，但是存在两个问题： 1、只能点击圆圈才能选中，点击文字 label 没有效果 2、点击圆圈后理想是自动收起下拉，但这个是点击下拉框之外的地方才可以收起。 2.以下就是我的解决办法 <el-cascader // 一定要加ref属性稍后解决第二个问题 ref="refHandle" v-model="uploadFileValue" :options="options" placeholder="试
element-ui 二级联动 选择器 无法选择 或者 显示错误 异常
yssa1125001的博客
05-18 1327
刚开始的配制如下： <el-form-item label="所属分类"> <el-select v-model="courseInfo.subjectParentId" @change="firstChange" placeholder="请选择一级分类"> <el-option v-for="item in oneList" :key="item.id" .
Vue+ElementUI 中级联选择器Bug问题的解决
10-15
Vue+ElementUI的级联选择器在处理递归数据时可能存在显示异常的问题，需要开发者在接收数据后进行适当的预处理。同时，对于大量数据的级联选择器，要关注其在不同屏幕尺寸下的表现，可能需要手动调整样式以优化用户...
电商后台管理---Vue实战
weixin_44748589的博客
06-17 485
vue2.x 练习项目：电商后台管理
面试题整理｜45个CSS面试题
m0_54850952的博客
02-23 1079
面试题整理｜45个CSS面试题 一、初级CSS面试题 二、中级CSS面试题 三、进阶CSS面试题 四《HTML5&CSS3还原美团外卖》移动端布局实战 CSS已成为Web设计不可或缺的一部分，它让web页面变得更加美观，更具设计感。在前端面试中，CSS面试题也占有一定比重。 本篇文章，将为大家分享45个和CSS相关的面试题及其解析，难度分为：初级、中级、高级三个部分，由易到难，循序渐进。 一、初级CSS面试题 Q1、CSS全称是什么？ CSS英文全称：Cascading Style S
elementui级联选择器空children导致选择无法显示的问题
qq_42365842的博客
07-23 2346
问题 elementui接收树形结构的数据并用级联选择器显示时，后端会对每一个结点都加一个children属性，导致显示错误并且选择无效。 解决方式 这个时候，既可以前端工程循环遍历将children属性置为null，也可以在后端工程建立树形结构时对叶子节点的children赋值null。 修改结果： ...
JS.CDN.Vue3.ElementPlus.20210128115701:使用CDN Vue3和ElementPlus
05-23
CDN.Vue3.ElementPlus 使用CDN Vue3和ElementPlus。 演示 特征 销售点 要求 2021-01-28 4 Model B Rev 1.2 破坏者10.0 2020-08-20 bash 5.0.3（1）-发布 Chrome86.0.4240.197 $ uname -a Linux raspberrypi 5.4.83-v7l+ # 1379 SMP Mon Dec 14 13:11:54 GMT 2020 armv7l GNU/Linux 安装 git clone https://github.com/ytyaru/JS.CDN.Vue3.ElementPlus.20210128115701 用法 启动终端 移动当前目录。 到index.html所在的路径。 cd JS.CDN.Vue3.ElementPlus.20210128115701 /
el element el-cascader 样式修改失败 不生效
weixin_60592115的博客
03-07 1390
important;important;important;important;important;
vue使用elemnt-ui组件级联选择器，data更新了，但是视图没有更新，解决方法
qq_36546490的博客
03-11 2297
现这样的情况的时候先是很懵逼，为什么别的页面用的好好的，但是现在又使用不了。 1.首先，检查一下data中的值是否存在，如果存在，一般数据都会在异步请求中去获取，打印出来看一看。因为级联选择器的值一般是数组，改变数组的值data可能不会被监听到，可以使用$set的方法进行赋值。 this.$set(this.info, "xjqh", {city: {name: '北京市', val:'001'}, country: {name: '朝阳区', val:'011'}}) 2.如果还是不能赋值，可以考
elementUI实现三级级联实现，不可以选中问题
有时间可以指导毕业设计，可以私聊我。一个热爱编程的smallCuteMonkey，可以私信我
12-29 752
三级联动选不中问题
element 选择器没反应_vuejs2.0的element-ui组件select选择器无法显示选中的内容
weixin_36204407的博客
02-23 328
我也遇到了同样的问题是表格编辑弹窗 弹出框要预填充表格里的数据使用row里面的数据赋值到el-select v-model里`//template HTML 部分//js 方法methods: {selectChange(val) {console.log(val)// 展开true || 收起false//主要看这里if(this.content && this.conte...
vue-element 选择框 选择值改变，显示不变
A873054267的博客
08-15 6113
目前只针对我所遇到的情况。 由于v-model绑定了一个对象；因为form表单不仅要传id，还要传name；因此一直这么做的。 后来想起怎么解决了，应该在el-select 绑定value-key才能保证唯一。；此外在进行inpu框的输入时，也有无法更新的情况，在change事件中使用forceUpdate()函数进行强制更新 但是今天这个一直出不来。最后绑定index。通过数组的ind...
在element组件中自定义组件的样式不生效问题（vue scoped scss无效问题）
二三的博客
09-14 6417
当我们在项目中需要给element组件加上一些自定义样式的时候，往往是不生效的。这是因为Vue项目中使用第三方框架的时候，Vue中有scoped，声明了样式是在组件范围内生效的，避免了不同组件的样式污染。 解决方法 1. 去掉scoped 这种方法确实可以实现效果，简单粗暴，却会造成不同组件样式污染，不建议。 2. 使用 /deep/ 深度修改标签样式 找到需要修改的 element标签的类名，然后在类名钱加上 /deep/ ，可以强制修改默认样式。这种方式可以直接用到有 scoped 属性的 sty.
elementui级联选择器Cascader不触发change事件
q879936814的博客
08-10 8291
使用级联选择器时，需求是选择最后一级，同时选择之前的父级标签，看这个需求明明很简单，人家自带的组件就是这样，但是却一直无法触发绑定的change事件，只有添加props.checkStrictly = true时才可以触发，但是不能实现需求。分析方法：首先组件的功能肯定是没问题的，因为从官网copy下来之后我用原始的数据尝试，完美实现需求。......
在使用element-ui中的级联选择器el-cascader出现页面卡死的问题
m0_52244931的博客
02-13 2513
在使用element-ui中的级联选择器el-cascader出现页面卡死的问题
elementui日期时间选择器样式调整
最新发布
01-04
### 自定义ElementUI日期时间选择器样式 为了自定义ElementUI日期时间选择器的样式，可以通过覆盖默认CSS类来实现特定需求。对于日期时间选择器而言，主要涉及`el-date-editor`及其内部组件的相关样式。 #### 调整...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值