如何解决Vue下拉框回显并默认选中随机问题

这篇文章主要为大家展示了“如何解决Vue下拉框回显并默认选中随机问题”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何解决Vue下拉框回显并默认选中随机问题”这篇文章吧。

创新互联专注于企业营销型网站建设、网站重做改版、襄汾网站定制设计、自适应品牌网站建设、HTML5建站、商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为襄汾等各大城市提供网站开发制作服务。

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

但是这个问题还是存在的，后来发现问题是

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

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

总结：

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

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

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

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

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

一下是截图：

以上是“如何解决Vue下拉框回显并默认选中随机问题”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！