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 相关文章推荐
ExtJS 2.0 实用简明教程之布局概述
Apr 29 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
Sep 24 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
ES6顶层对象、global对象实例分析
Jun 14 Javascript
vue 实现动态路由的方法
Jul 06 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
德生H-501的评价与改造
2021/03/02 无线电
关于PHP中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
基于jquery实现的文字淡入淡出效果
2013/11/14 Javascript
深入探寻javascript定时器
2015/01/02 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
2016/12/23 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
2018/03/20 jQuery
Vue.js 中 axios 跨域访问错误问题及解决方法
2018/11/21 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
浅谈五大Python Web框架
2017/03/20 Python
python 公共方法汇总解析
2019/09/16 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
英国最大的在线运动补充剂商店:Discount Supplements
2017/06/03 全球购物
前台接待的工作职责
2013/11/21 职场文书
个人简历自我评价范文
2014/02/04 职场文书
片区教研活动总结
2014/07/02 职场文书
党支部审查意见
2015/06/02 职场文书
退休教师追悼词
2015/06/23 职场文书
《金色的草地》教学反思
2016/02/17 职场文书
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers
配置Kubernetes外网访问集群
2022/03/31 Servers