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 相关文章推荐
web页面数据展示新想法(json)
Jun 08 Javascript
jquery.validate使用攻略 第一部
Jul 01 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
AngularJS extend用法详解及实例代码
Nov 15 Javascript
Vue路由跳转问题记录详解
Jun 15 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
Nov 22 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 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中的超全局变量
2006/10/09 PHP
探讨如何把session存入数据库
2013/06/07 PHP
探讨:使用XMLSerialize 序列化与反序列化
2013/06/08 PHP
php基于CodeIgniter实现图片上传、剪切功能
2016/05/14 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
Vue中util的工具函数实例详解
2019/07/08 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
在Python中用split()方法分割字符串的使用介绍
2015/05/20 Python
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
python实现比较文件内容异同
2018/06/22 Python
python 执行文件时额外参数获取的实例
2018/12/18 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
python3+PyQt5 创建多线程网络应用-TCP客户端和TCP服务器实例
2019/06/17 Python
python GUI库图形界面开发之PyQt5状态栏控件QStatusBar详细使用方法实例
2020/02/28 Python
python如何编写win程序
2020/06/08 Python
美国知名的百货清仓店:Neiman Marcus Last Call
2016/08/03 全球购物
国家励志奖学金获奖感言
2014/01/09 职场文书
房地产经营管理专业自荐信
2014/09/02 职场文书
认错检讨书
2014/10/02 职场文书
离婚协议书应该怎么写
2014/10/12 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
社会实践活动报告
2015/02/05 职场文书
公司处罚决定书
2015/06/24 职场文书