Vue下拉框回显并默认选中随机问题


Posted in Javascript onSeptember 06, 2018

今天做vue的页面下拉框回显问题,回显数据是随机的,好奇怪,虽然多刷新 几下就可以了,

但是这个问题还是存在的,后来发现问题是

回显中的数据是两次请求,因为网络问题两次说不定哪个就请求的快一些,

Vue下拉框回显并默认选中随机问题

Vue下拉框回显并默认选中随机问题

Vue下拉框回显并默认选中随机问题

Vue下拉框回显并默认选中随机问题

因为调用的对象不一样,所以可能会不同,改为相同的之后,发现第一次请求的时间始终比第二次时间短一些,达到想要的效果

Vue下拉框回显并默认选中随机问题

总结:

1.因为第一次加载下拉框列表的时候,请求列表中所有数据和列表默认回显数据不同,所以会出现被刷新,而出现回显随机问题,,,

PS:vue 运用ElementUI,做select下拉框回显

第一、加载的顺序,应该先加载下拉框要选择的数据,然后在通过编辑查询数据后回显。

第二、要保证select下拉的ID和v-model里边的id保持一致。

第三、elementUI就会自动的将数据回显了。

一下是截图:

Vue下拉框回显并默认选中随机问题 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
Nov 27 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
JS页面延迟执行一些方法(整理)
Nov 11 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
jquery实现的蓝色二级导航条效果代码
Aug 24 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
Mar 03 Javascript
Vue中computed、methods与watch的区别总结
Apr 10 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
vue前端工程的搭建
Mar 31 Vue.js
uni-app 微信小程序授权登录的实现步骤
Feb 18 Javascript
vue兄弟组件传递数据的实例
Sep 06 #Javascript
webpack4简单入门实例
Sep 06 #Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 #jQuery
对vue中v-on绑定自定事件的实例讲解
Sep 06 #Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 #Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 #Javascript
Vue-component全局注册实例
Sep 06 #Javascript
You might like
PHP 加密解密内部算法
2010/04/22 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
无阻塞加载脚本分析[全]
2011/01/20 Javascript
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
jQuery中die()方法用法实例
2015/01/19 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
浅谈javascript中new操作符的原理
2016/06/07 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
Vue中的$set的使用实例代码
2018/10/08 Javascript
[05:00]第二届DOTA2亚洲邀请赛主赛事第三天比赛集锦.mp4
2017/04/04 DOTA
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
[36:20]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.17
2020/12/18 DOTA
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
python实现电子产品商店
2019/02/26 Python
对django views中 request, response的常用操作详解
2019/07/17 Python
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
计算机专业大学生的自我评价
2013/11/14 职场文书
企业给企业的表扬信
2014/01/13 职场文书
科学育儿宣传标语
2014/10/08 职场文书
2014年加油站工作总结
2014/12/04 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
深入理解python多线程编程
2021/04/18 Python
MySQL之高可用集群部署及故障切换实现
2021/04/22 MySQL
python基于turtle绘制几何图形
2021/06/15 Python
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript