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代码(如:name,age)
Aug 10 Javascript
上传图片js判断图片尺寸和格式兼容IE
Sep 01 Javascript
JavaScript实现自动变换表格边框颜色
May 08 Javascript
浅谈javascript构造函数与实例化对象
Jun 22 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
基于jQuery实现点击列表加载更多效果
May 31 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
微信小程序webview 脚手架使用详解
Jul 22 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
Apr 09 Javascript
vue+AI智能机器人回复功能实现
Jul 16 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
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
jquery.validate使用详解
2016/06/02 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
angular源码学习第一篇 setupModuleLoader方法
2016/10/20 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
Vue计算属性的学习笔记
2017/03/22 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
Python 元类使用说明
2009/12/18 Python
搭建Python的Django框架环境并建立和运行第一个App的教程
2016/07/02 Python
详解Python多线程Selenium跨浏览器测试
2017/04/01 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
Python闭包函数定义与用法分析
2018/07/20 Python
python画折线图的程序
2018/07/26 Python
python实现屏保计时器的示例代码
2018/08/08 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python怎么判断素数
2020/07/01 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
计算机毕业生自荐信范文
2014/03/23 职场文书
人力资源本科毕业生求职信
2014/06/04 职场文书
小学英语复习计划
2015/01/19 职场文书