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 相关文章推荐
JavaScipt基本教程之前言
Jan 16 Javascript
$.ajax json数据传递方法
Nov 19 Javascript
javascript showModalDialog 内跳转页面的问题
Nov 25 Javascript
页面右下角弹出提示框示例代码js版
Aug 02 Javascript
JS将秒换成时分秒实现代码
Sep 03 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
vue+axios实现文件下载及vue中使用axios的实例
Sep 21 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 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 开源AJAX框架14种
2009/08/24 PHP
.htaccess文件保护实例讲解
2011/02/06 PHP
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
js同比例缩放图片的小例子
2013/10/30 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
基于Javascript实现倒计时功能
2016/02/22 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
2017/01/04 Javascript
详解JavaScript RegExp对象
2017/02/04 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
2019/09/05 Javascript
layui实现根据table数据判断按钮显示情况的方法
2019/09/26 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
[00:09]DOTA2新版本PA至宝特效动作展示
2014/11/19 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
Python中如何导入类示例详解
2019/04/17 Python
pandas中的series数据类型详解
2019/07/06 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
Python jieba库用法及实例解析
2019/11/04 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
捷克家电和家具购物网站:OKAY.cz
2020/07/23 全球购物
如何理解委托
2012/01/06 面试题
物流专业大学的自我评价
2014/01/11 职场文书
协议书的格式
2014/04/23 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
解决pytorch-gpu 安装失败的记录
2021/05/24 Python
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP