element修改下拉框不生效的问题

最新推荐文章于 2024-09-24 14:54:41 发布

焉知鱼之乐也

最新推荐文章于 2024-09-24 14:54:41 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/KingRules/article/details/109782388

版权

有两种解决方式，

第一种是在element的公共样式里改变，这是全局的改变，因为所有的单独组件中的样式都是会在公共样式里找的

第二种就是因为是scopd,使用 /deep/ 加上ui的名称别名（》》》）就是深度选择到引入组件的样式

但是 element的下拉框是特殊的，list列表在组件当中是不能修改样式的！！！建议看看控制台的list所在的位置！！！！ vue所有的结构都是应该在app这个div里面的但是这个特殊他是在跟app这个同级别的兄弟div当中的。也就是说在这个组件当中改变样式是不能生效的。

写原生吧，O(∩_∩)O哈哈~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

焉知鱼之乐也

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue3 - Element Plus 下拉选择器 el-select 覆盖修改 placeholder样式，解决覆盖不生效问题（支持修改文字颜色、文字大小、选择器边框、hover效果、宽高等任意样式

王佳斌

03-23

3552

vue3，element-plus，el-select，下拉选择器，下拉选择框，Select选择器，deep覆盖无效怎么办，怎么修改placeholder文字颜色，选择器select修改边框样式，修改文字大小，elementPlus选择器如何覆盖hover效果，使用deep改不了样式，修改边框颜色，select去掉边框，vue3+elementPlus中select选择器如何修改placeholder文字样式，修改el-select样式，select选择器样式覆盖不了咋办，el-select如何覆盖原样式，

vue element 下拉不生效问题

workhd的专栏

07-10

1250

element 下拉选项无法展示问题

参与评论您还未登录，请先登录后发表或查看评论

vue3+elementui Plus 表单select下拉框选中后无效？

weixin_55341181的博客

07-11

3577

使用了纯vue3写法写了个下拉框，出现了个莫名其妙的bug，就是下拉选中后无效。示例：代码： 下拉框选中后就是无法回显，打印出来的form对象也没有选中的数据。打印：解决方案：就是form的model变量名和ref的名字重复了，把两个其中一个改下就好了，保证不重名。总结：form的model和ref重名会出现很多奇奇怪怪的bug 大概是冲突吧但是这个问题在vue2是没有遇到过的。......

element下拉框联动或多选回显数据后页面操作不生效问题解决

xu_duo_i的博客

09-24

474

element下拉框联动或多选回显数据后页面操作不生效问题解决

Vue+Element-UI下拉框回显后无法修改

weixin_52666327的博客

07-19

686

i问题出现原问题出现原因？ 下拉框需要重新清空并且回填一下怎么解决问题？ ①只针对单个属性加入@change="$forceUpdate()" <el-select v-model="*" placeholder="请选择"@change="$forceUpdate()"> </el-select> ②如果说已经有方法或者可以直接在回显的方法中加入this.$forceUpdate(); @change="change" change(){ this.$force

在用element-plus时select下拉赋值没反应

泠泠似水

09-22

893

在用element-plus时，突然发现下拉选择没反应了，感觉好奇怪~选择后依旧空白没反应，看来命名后面也要注意一些呢~

elementui的ele-select下拉框在切换值的时候，没有生效，但是切换别的input，当前的select会立马变化

flyaway0624的博客

04-30

1020

给下拉框添加了change事件，然后this.$forceUpdate() <el-select v-model="item.operatorId" :placeholder="langs.plsSelect" @change="resolveBug"> <el-option v-for="item in operatorsList" :key="item.operatorId" :label="item.operatorName" :va

element 下拉框校验不生效

最新发布

10-11

Element下拉框的验证通常取决于你使用的前端框架或库以及HTML5的相关API，如`<input type="date">`、`<select>`等自带的浏览器内置验证。如果你使用的是Vue.js、React或Angular这样的MVVM/MVC框架，可能需要配合表单...

elementui下拉框不回显_解决element-ui的下拉框有值却无法选中的情况

weixin_30558137的博客

12-29

2487

问题描述：在使用Vue框架和element-ui开发时，下拉框遇见一个问题，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。(踩坑踩得莫名其妙)代码段：解决方法：出现这个问题好像是因为下拉框数据是循环掉别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重...

element input框 select下拉框选中赋值不了，如何解决这些问题

songweibin的博客

06-09

2051

在项目中遇到一些赋值操作后不管input框赋值后输入删除，还是select下拉框选中赋值不了，一半没有项目中没有用正则的话可以用强制刷新起到回显赋值要是有正则的话可以用到

element-ui表单校验不生效问题总结

TTST_HTSN的博客

09-02

3069

在使用element这个UI框架的时候，表单校验有时候不生效，头大！！！可能存在问题 1.prop命名和form中对应的v-model名字不一样当v-model使用的名字和prop使用的名字不一样时就会出现无法验证的问题。 2.添加了rules但是没有prop 这个是最致命的，也是最不容易注意的在这种情况下，当你失去焦点以后不会触发验证规则。当你加上prop以后这个问题就迎刃而解。表单验证时机不对当你回填的时候，明明没有触发验证，但是验证却实际的触发了，原因是： 1.返回值没有该input框

Element Ui 中Select下拉框默认值初始化失败

youyudehan的博客

09-13

804

Element Ui 中Select下拉框默认值初始化失败

vue3+element-plus 表单输入框无法输入、下拉框值不回显

qing_xing_的博客

07-11

2462

因为element-plus表单的ref和model的值不能设置相同的值，如果设置成相同的值，输入框无法输入、下拉框值不回显在element-plus的官方文档中是这样写的，可以看出来两者的值不一样而在vue2+饿了么中是可以设置相同的值，官方写法如下...

element组件库el-select下拉框样式修改不了的问题

wsdnnnnnnnnn的博客

07-26

420

我在一个项目之中需要修el-select的下拉框，但是修改过程之中无论是通过穿透，还是加!improtant都无法修改其下拉框的样式，查询之后得知不生效的原因可能是select的下拉框渲染过后不在#app上，需要用官方文档上面的popper-append-to-body修改将popper-append-to-body设置为false之后，是可以修改的。

element-ui的el-select选择内容后没效果

liv空间站

11-22

1392

element-ui 下拉框动态赋值，默认为空，有非空验证，选里边的值得时候没有效果，是因为组件没刷新，只要在select的change事件里写： changeMiddle () { this.$forceUpdate() } ...

element-ui 的el-select修改背景色没有效果

m0_37707806的博客

07-15

5381

给el-select 添加popper-class='selectFrom' 根据这个class进行背景色修改代码如下 // 赋值class popper-class="selectFrom" <el-select popper-class="selectFrom" v-model="activityNum" placeholder="语言切换" @change="selectModel($event)"

elementUi【 下拉框】样式修改无效或者无法修改？

༺隆冬飘落の初霁༻的博客

11-16

1711

先提前做个demo <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Vue 下拉框</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" /> <script src="https://unpkg

element-plus下拉框select-popup在组建中不显示问题

qq_45752346的博客

04-13

1932

在自定义modal中，使用element-plus的select，第一次总是不显示popup弹窗，查阅相关文档有说是权级问题，修改权级之后，确实可以显示，但是还是会有很多奇奇怪怪的bug！目前总结了两种方法，如下：方法1：使用select自带的api popper-class，在操作时给popup的权级设置到最大 <template> <el-select popper-class="popper-show" @visible-change="s

element 下拉框不显示下拉数据的问题

m0_51865787的博客

08-08

649

解决方法:添加:popper-append-to-body="false"属性。