vue中如何将数据(异步获取)渲染到模板上?

codingfly
  • 521

示例代码如下:
`

<view class="list" v-for="(item,index) in data">
   <view class="item">{{computeDistance(item.bsp4 + ',' + item.bsp5, async1 + ',' + async2)}}</view>
</view>

`
问题:每一项item的值希望通过computeDistance函数计算得到,但是该函数的另外两个参数是异步得到的(async1 async2)。在不支持v-html(uni-app)和computed不支持异步的情况下应该如何解决呢?

回复
阅读 3k
3 个回答
✓ 已被采纳

首先,你要理解,Vue 是 MVVM 框架,MVVM 框架的特点是数据响应式,即数据发生变化,就修改视图。

所以无所谓你的数据是事先准备好的还是异步获取的,你只要把它赋值到本地变量上就可以了。

数据绑定,会自动更新视图

你可以把数据拿回来后再渲染啊,或者定义个变量放在data中添加监听,数据回来后再更新这个变量视图就会刷新了。

宣传栏