vue在页面渲染时想拿到promise返回的数据

Question

双越老师，我在做项目的时候，这里有一个下拉列表，里面的字典项是需要查询回来的，这里封装了个方法，里面是axios请求，但是页面在渲染的时候，还没有走到then回调中，所以页面上没有数据，想请问下老师，vue在页面渲染时如何才能拿到promise返回的数据

Answer 1

双越 2022-11-01 16:48:01

不明白你为啥要这么写，是因为简单吗？

按照常理，应该先执行 axios 请求在Promise then 中获取数据。然后把数据赋值到 data ，最后再通过 v-for 渲染出来。

• 提问者 王耶啵的肖兔兔 #1

  因为页面上有很多的下拉框，如果拿到值再赋值的话，就要定义很多的变量，这样直接在标签中获取，不是更简洁一些吗

• 双越 回复 提问者 王耶啵的肖兔兔 #2

  看似简单却不简单。真正简单的代码，是把每个步骤都交代清楚。否则过1-2个月，你自己都看不懂你自己写的什么。