vue v-html中多个变量,Vue v-html动态渲染界面效果

v-html绑定一个变量var1,var1通过五个同步请求,依次更新var1,可是界面效果是,卡主等第五次赋值var1后,界面一次性刷新。

希望的效果是每一次赋值var1,界面动态效果更新。

请问,如何这是为什么,那么如何实现想要的效果呢?

各位大佬,用js地狱回调实现想要的效果了。现在换成promise,怎么都出不来,贴出代码,大佬们帮忙看看怎么改:

`

//es6 promise解决地狱回调写法

let re = await check(apis[0].title, apis[0].url);

//希望这里马上渲染div

mydiv2_var.htmlStrVue += re;

//等3秒希望看到动态更新div dom,可是没效果

await setTimeout(function () {

}, 3000);

re = await check(apis[1].title, apis[1].url);

mydiv2_var.htmlStrVue += re;

await setTimeout(function () {

}, 3000);

re = await check(apis[2].title, apis[2].url);

mydiv2_var.htmlStrVue += re;

await setTimeout(function () {

}, 3000);

re = await check(apis[3].title, apis[3].url);

mydiv2_var.htmlStrVue += re;

await setTimeout(function () {

}, 3000);

re = await check(apis[4].title, apis[4].url);

mydiv2_var.htmlStrVue += re;

`

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值