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 相关文章推荐
JS 各种网页尺寸判断实例方法
Apr 18 Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 Javascript
jquery及原生js获取select下拉框选中的值示例
Oct 25 Javascript
js的匿名函数使用介绍
Dec 11 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
Jul 26 Javascript
node.js中实现kindEditor图片上传功能的方法教程
Apr 26 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
Electron中实现大文件上传和断点续传功能
Oct 28 Javascript
vue cli3.0 引入eslint 结合vscode使用
May 27 Javascript
vue+koa2搭建mock数据环境的详细教程
May 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
discuz安全提问算法
2007/06/06 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
JS实现时间格式化的方式汇总
2013/10/16 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
JavaScript利用正则表达式去除日期中的“-”
2014/07/01 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
JavaScript DOM基础
2015/04/13 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
2016/10/10 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
JS实现躲避粒子小游戏
2020/06/18 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
js实现微信聊天界面
2020/08/09 Javascript
Python中functools模块的常用函数解析
2016/06/30 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
Python属性和内建属性实例解析
2020/01/14 Python
python计算二维矩形IOU实例
2020/01/18 Python
Java多线程实现四种方式原理详解
2020/06/02 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
Python csv文件记录流程代码解析
2020/07/16 Python
美国市场上最实惠的送餐服务:Dinnerly
2018/03/18 全球购物
Cotton On南非:澳洲时尚平价品牌
2018/06/28 全球购物
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
销售副总经理岗位职责
2013/12/11 职场文书
关于爱情的广播稿
2014/01/16 职场文书
《黄河颂》教学反思
2014/02/07 职场文书
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
工作睡觉检讨书
2014/02/25 职场文书
学习雷锋精神倡议书
2015/04/27 职场文书
小学数学国培研修日志
2015/11/13 职场文书
如何使用PyCharm及常用配置详解
2021/06/03 Python
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS