前端之家收集整理的这篇文章主要介绍了
Vue下拉框回显并默认选中随机问题,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_404_0@今天做vue的页面下拉框回显问题,回显数据是随机的,好奇怪,虽然多刷新 几下就可以了,
@H_
4040@但是这个问题还是存在的,后来发现问题是
@H404_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@以上就是本文的全部
内容,希望对大家的学习有所帮助,也希望大家多多
支持编程之家。