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 相关文章推荐
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
Jul 25 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
Aug 05 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
Jquery Ajax方法传值到action的方法
May 11 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
Vue按需加载的具体实现
Dec 02 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
javascript设计模式之装饰者模式
Jan 30 Javascript
一分钟学会JavaScript中的try-catch
Dec 14 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
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
Yii中render和renderPartial的区别
2014/09/03 PHP
php获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
asp.net和php的区别点总结
2019/10/10 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
原生JS封装_new函数实现new关键字的功能
2018/08/12 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
2018/09/21 Javascript
Vue配置marked链接添加target="_blank"的方法
2019/07/19 Javascript
[03:48]大碗DOTA
2019/07/25 DOTA
Python Nose框架编写测试用例方法
2017/10/26 Python
在python3.5中使用OpenCV的实例讲解
2018/04/02 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
Python清空文件并替换内容的实例
2018/10/22 Python
Python3爬楼梯算法示例
2019/03/04 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
python 默认参数相关知识详解
2019/09/18 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
keras.utils.to_categorical和one hot格式解析
2020/07/02 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
凯特方迪化妆品官网:Kat Von D Beauty
2016/11/15 全球购物
JSF界面控制层技术
2013/06/17 面试题
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
小班上学期评语
2014/05/05 职场文书
建筑安全标语
2014/06/07 职场文书
慰问信格式规范
2015/03/23 职场文书
中学后勤工作总结2015
2015/07/22 职场文书