TNBLOG
首页
博客
视频
资源
问答
猿趣
手机
关于
搜索
收藏
便签
笔记
消息
创作
登录
剑轩
故如虹,知恩;故如月,知明
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
CSS
15篇
微服务
41篇
Git
14篇
.NET
102篇
移动开发
33篇
软件架构
23篇
.NET Core
119篇
.NET MVC
11篇
英语
3篇
随笔
86篇
Bootstrap
3篇
Redis
21篇
编辑器
10篇
Js相关
15篇
虚拟化
8篇
更多
Oracle
7篇
Python
14篇
数据库
26篇
EF
17篇
微信
3篇
前端
151篇
消息队列
6篇
docker
41篇
多线程
1篇
Java
4篇
软件基础
2篇
C++
2篇
WCF
7篇
Linux
7篇
nginx
5篇
K8S
9篇
ABP
2篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术
原
element plus 下拉列表默认选中有延迟
3222
人阅读
2021/12/20 17:19
总访问:
3997372
评论:
0
收藏:
0
手机
分类:
前端
会先加载id或者编号,然后有点延迟的时间才转换成内容。 ### ~~可以这样解决,绑定的时候给中文名字,然后在改变的时候给Id。~~ (弃用的方法不科学) **绑定的时候给中文名字** ``` state.role = state.form.role.role_name state.department = state.form.department.department_name ``` 同时要注意也给form绑定一下Id,不然回传回去的时候就是传递的名称了 **然后在改变的时候给Id,但是感觉这样有点绕了,不是太科学** ``` methods: { roleChangeValue(value) { this.form.RoleId = value }, departmentChangeValue(value) { this.form.DeptID = value }, } ``` ### 会出现这样的延迟不是它这个控件的问题,而不是我这里加载方法用了异步的问题 看看我们这类的逻辑其实很简单 tn2> 1:调用fetchAllFileType方法拿到文件类型给select提供数据 2:然后给表单赋值其实就是执行了类型state.form.fileTypeId=文件id的话,select通过id它会自己选中对应的value 3:显示弹窗 ![](https://img.tnblog.net/arcimg/xiuxin/93209244314c4137be27889ce7dd4865.png) 步骤很简单,但是我们这里的fetchAllFileType其实是异步方法,也就是说后面的步骤不会等这个方法执行完毕后在执行,也就是说这个方法可能都还没有执行完毕,弹窗已经弹出来了,所以如果fetchAllFileType方法需要的一点点时间,数据还没有完全处理好的时候弹窗就已经弹出来的,这个时候我们看到的就不会最终处理好的数据的情况了,所以我们会觉得有延迟,其实出现这样的延迟不是它这个控件的问题,而不是我这里加载方法用了异步的问题! **解决方法,也很简单,异步修改成同步,或者整一个回调函数,数据回来了我们在处理后续的操作就行了** ![](https://img.tnblog.net/arcimg/xiuxin/d980a0ca9f9f4a52992427e8ea15e571.png) 其实就是我们不想看到它这个渲染的过程,我们等它渲染完了才显示出来。
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}