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 相关文章推荐
ejs v9 javascript模板系统
Mar 21 Javascript
jQuery父级以及同级元素查找介绍
Sep 04 Javascript
JavaScript操作XML文件之XML读取方法
Jun 09 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
Jan 18 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
jQuery实现一个简单的验证码功能
Jun 26 jQuery
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 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
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
利用PHP将部分内容用星号替换
2020/04/21 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
PHP图片水印类的封装
2017/07/06 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
myeclipse安装jQuery插件的方法
2011/03/29 Javascript
js post提交调用方法
2014/02/12 Javascript
基于对象合并功能的实现示例
2017/10/10 Javascript
three.js实现3D视野缩放效果
2017/11/16 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
2020/06/24 jQuery
微信小程序实现列表滚动头部吸顶的示例代码
2020/07/12 Javascript
解决vue的touchStart事件及click事件冲突问题
2020/07/21 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
Python ORM框架SQLAlchemy学习笔记之数据添加和事务回滚介绍
2014/06/10 Python
python获取android设备的GPS信息脚本分享
2015/03/06 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
Ubuntu配置Pytorch on Graph (PoG)环境过程图解
2020/11/19 Python
阿迪达斯俄罗斯官方商城:adidas俄罗斯
2017/03/08 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
金智子午JAVA面试题
2015/09/04 面试题
入党自我鉴定
2014/03/25 职场文书
春季运动会开幕词
2015/01/28 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
公司业务员管理制度
2015/08/05 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript