el-select使用bug:tabs切换时，el-select的选项值跟着变化时，选择不了数据

最新推荐文章于 2023-09-21 17:28:41 发布
最新推荐文章于 2023-09-21 17:28:41 发布
阅读量708 收藏 3
点赞数
文章标签： bug vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65915285/article/details/127728253
版权

 

 如图所示，当切换tabs时，类型选项会出现选中不了的bug,
原因： select 已经绑定了值，重新选择的时候，render函数没有自动更新，数据刷新了但是视图没有刷新（value 改变了，但是label值没变）

解决办法：

 文字解释：只需要在el-select上面加一个change变化的方法，然后this.$forceUpdate()就好了

小猫猫改bug
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-tabs 切换的时候实时更新
weixin_42066070的博客
08-31 622
问题：el-tabs默认会同时请求到所有的数据，而且默认第一次请求，后面不再请求。对应的页面添加上面上个地方，就可以实现。如有问题，欢迎可以评论留言。达到目的：实现切换的时候实时更新数据。...
手动动态改变el-tabs标签页顺序
06-28
例如：tabs1、tabs2、tabs3、tabs4 tabs2改为tabs4（往后移）则顺序变为tabs1、tabs3、tabs4、tabs2； tabs4改为tabs2（往前移） 则顺序变为tabs1、tabs4、tabs2、tabs3。
vue 监听 el-select 选择值的变化
热门推荐
且听风吟的博客
09-23 1万+
最近项目中需要用到监听 el-select 选择值的改变，方法很简单，@change就可以实现： 在这里插入代码片
el-select切换选项时提示是否继续，点击取消值不变，确定值改变
qq_52959651的博客
07-14 3724
项目需要下拉框做判断，但是一开始做的时候发现点击下拉框事件时值已经改变了，就算点否也不能阻止值的改变，只能监听v-model的值来进行判断赋值。 下面是效果图 取消时值不变 确定时值变 代码有所删减，不过下拉框功能齐全 <template> <div> <el-select @change="analysischange" v-model="analysiss"> <el-option v-for="item i
antd vue table中使用select时候修改第一条，更新后原位置值变成了刚才选中的值
lbchenxy的博客
11-04 693
antd vue table 中使用了customRender,修改第一个值为3之后，更新也页面，这条数据去了最后一条，但是轮播图2的排序值也变成了3，我查了一下数据确实是2，到底是什么原因导致了轮播图2的排序值变成了3而不是2呢，vue不是已经解决了这个问题么，为什么还是导致了这个情况的出现？ 答案：这里边vue根据key值对比数据是否变化更新试图，当你的select没有key的时候，他使用的是这个数据的key值，当你修改之后，他对比发现key值并没有发生变化，所以他不会去更新试图，知道了问题出现的位置
el-select 选择一条数据后，把其余数据带过来
CMDN123456的博客
08-30 783
el-select 选择一条数据后，把其余数据带过来
解决vue中el-tab-pane切换的问题
10-15
在Vue开发过程中，Element UI库提供了丰富的UI组件，其中`el-tabs`组件用于实现标签页切换功能。在本文中，我们将深入探讨如何解决Vue中`el-tab-pane`切换时遇到的问题，以及如何优化和管理组件的渲染。 首先，问题...
react-native-material-tabs：Tabs的Material Design实现
02-04
React本机材质选项卡 材料设计实现 入门 步骤1 安装依赖项 npm i --save react-native-material-tabs 或者如果您使用纱线 yarn add react-native-material-tabs 第2步 开始使用组件 import MaterialTabs from ' ...
react-native-custom-tabs：适用于React Native的Chrome自定义标签
02-05
React本机自定义选项卡 适用于React Native的。 “自定义标签”仅适用于Android，因此在每个平台上的行为如下。 安卓如果已安装Chrome，请在Chrome中打开您已自定义外观的URL。 如果尚未安装，请在其他浏览器中打开...
browser-tabs-lock:使用此软件包，您可以跨浏览器选项卡同步代码逻辑
04-28
使用此软件包，您可以轻松地在所有现代浏览器的各个选项卡之间获取锁定功能。 该库最初旨在用作我们项目的一部分-SuperTokens-针对Web和移动应用程序的最安全的会话管理解决方案。 通过查看来支持我们。 我们还...
vue3中两个el-select下拉框选项相互影响
最新发布
DZQ1223的博客
09-21 751
label: '1月' ,label: '2月' ,label: '3月' ,label: '4月' ,label: '5月' ,label: '6月' ,label: '7月' ,label: '8月' ,label: '9月' ,label: '10月' ,label: '11月' ,label: '12月' ,disabled: false, } , ] //把方法和数据返回出去 return {
select标签添加multiple属性后，页面呈现的样式发生改变，如何修改
积累点滴、持续总结、进而成长
03-13 9495
select标签当添加multiple属性后，是指明该下拉框可以进行多选，但是添加上multiple属性后，页面的呈现是样式会发生改变 也就是 页面会将所有的下拉框的值全部展示出来 此时，需要在select标签的内部再次添加属性：size=“” 里面的数值根据select中有几个值而定 这样基本样式可以改变 进行回填的时候，数值也不会再次发生改变 代码如下： select id="
【Element-Plus】el-select选择后不回显问题
qq_63514555的博客
06-15 1170
因此我们需要的是string类型，但是实际上我们给el-select绑定的是。Vue3 Element-Plus Setup语法糖。（object类型），导致一直绑定不上。到底还是setup语法糖不熟啊🤦‍♀️。el-select上面我们绑定的就是。首先说一下我用的技术。
el-select 选中后二次确认弹窗～
lovecoding1的博客
11-15 1809
el-select 选中后二次确认弹窗～
vue el-element中el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值
qq_45067263的博客
02-17 5452
项目场景： <el-table-column label="税率" prop="TaxRate" width="180" align="center" show-overflow-tooltip> <template slot-scope="{row, $index}"> <el-form-item :prop="'InquiryItemList.' + $index + '.TaxRate'" label-width
el-element中el-table表格嵌套el-select，动态选择对应值
温柔咩咩的博客
01-12 1万+
先看问题还原图： 问题描述： 小编在做需求时，遇到了在el-table表格中加入多条数据，并且每条数据要通过el-select来选取相应的值，做到动态选择。 解决方法： 思路： 最开始，小编的实现效果是左边红色框的效果，选择其中一个时，其他的也对应赋值。 主要是因为el-option的选项都是相同的，v-model的值也是相同的。 那让每一条 v-model的值不同不就好了么！！ 代码： html中代码： <el-table-column label="...
element UI中的table中使用多选select下拉菜单，默认全选后，无法修改select的值
JAVA求生之路——博主406766467
10-11 781
【代码】element UI中的table中使用多选select下拉菜单，默认全选后，无法修改select的值。
element-ui 解决 el-select 设置初始默认值后切换选项无效问题
sea9528的博客
11-18 9809
如何解决 el-select 设置默认值后无法切换选项 在今天做项目的时候突然遇到一个问题，我给form表单里面的 el-select下拉框设置一个默认值，但是当下拉框重新选择时，页面下拉框的值却不变， 如图所示： 原因： select 已经绑定了值，重新选择的时候，render函数没有自动更新，数据刷新了但是视图没有刷新（value 改变了，但是label值没变） 解决方法 使用this.$forceUpdate() 重新 render <template> <el-select
关于el-select allow-create输入时按tab或者直接点击文本值会消失的问题（记录
u012930947的博客
09-16 3129
el-select 在输入时无法使用@keyup @keydown，我便使用如下方法： 看el-select组件的源码知道，在输入的时候会给一个叫selectedLabel赋值 所以这就简单了， 首先el-select加一个属性 ref=“select” 这样我们可以用this.refs.select.selectedLabel获取到输入时的值，只需要在输入时强制给value赋值就可以了，（无法使用watch监听this.refs.select.selectedLabel获取到输入时的值， 只需要在输入时
vue的el-tabs如何在页签切换时使用缓存而不是重新加载页面
06-03
在Vue的el-tabs组件中，可以通过使用keep-alive标签来缓存已经渲染的组件，从而实现在页签切换时使用缓存而不是重新加载页面的效果。具体实现步骤如下： 1. 在el-tabs标签中使用keep-alive标签包裹需要缓存的组件，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值