仰泳的鱼
仰泳的鱼
  • 发布:2020-01-14 00:20
  • 更新:2020-09-16 14:49
  • 阅读:1159

nvue 使用 setInterval 时,在请求后没办法更新视图,没请求的时候可以更新

分类:uni-app

详细问题描述

[内容]

点击执行一个方法,使用 setInterval 每隔1s执行一次更新数据更新,在没有使用 uni.request 的时候, 视图是可以更新的,但是使用了请求数据,就没办法去更新了。 setInterval 正常能执行 。

使用了 iphone6s ios 11 真机测试和模拟器测试都不可以,没测试过 android

===================================================

服了, 必须要走一个 setTimeout 才能更新。处处都是坑,也没有人解答


<template>  
    <view >  
        <button @click="test">{{text}}</button>  
    </view>  
</template>  

<script>  

    export default {  
        data() {  
            return {  
                text: '点击测试',  
            }  
        },  

        methods: {  
            async test() {  
                const res = await uni.request({  
                    url: "https://www.baidu.com",  
                })  
                // 不会渲染  
                // this.text = Math.random()  

                // 会渲染  
                setTimeout(() => {  
                    this.text = Math.random()  
                }, 10)  
            }  
        }  
    }  
</script>
2020-01-14 00:20 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

忍不住吐槽下,处处都是坑,也没有人解答

luch

luch

文字放到<text></text>组件内试试

攻城狮已经疯了

攻城狮已经疯了 - vue/nvue,音视频,人脸验证

当你把这个代码全部写成ES5后,就自然解决了。。。

该问题目前已经被锁定, 无法添加新回复