Vue下拉框回显并默认选中随机问题

前端之家收集整理的这篇文章主要介绍了Vue下拉框回显并默认选中随机问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_404_0@今天做vue的页面下拉框回显问题,回显数据是随机的,好奇怪,虽然多刷新 几下就可以了,


@H_4040@但是这个问题还是存在的,后来发现问题是


@H
404_0@回显中的数据是两次请求,因为网络问题两次说不定哪个就请求的快一些,


<p style="text-align: center">

@H_404_0@因为调用的对象不一样,所以可能会不同,改为相同的之后,发现第一次请求的时间始终比第二次时间短一些,达到想要的效果

@H_404_0@总结:

@H_404_0@1.因为第一次加载下拉框列表的时候,请求列表中所有数据和列表默认回显数据不同,所以会出现被刷新,而出现回显随机问题,,,

@H_404_0@

PS:vue 运用ElementUI,做select下拉框回显

@H_404_0@第一、加载的顺序,应该先加载下拉框要选择的数据,然后在通过编辑查询数据后回显。

@H_404_0@第二、要保证select下拉的ID和v-model里边的id保持一致。

@H_404_0@第三、elementUI就会自动的将数据回显了。

@H_404_0@一下是截图:

@H_404_0@以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章