uniapp 不支持 v-cloak，怎么解决闪烁问题呢？

Question

<view v-if="mybankList.length == 0"  style="text-align: center;">暂未添加收款账户</view>

这种常见的后端返回列表数据，前端判断如果为空，那么显示一个，提示内容。
现在如果有数据，这个还是会闪一下，才隐藏。不舒服。vue用v-cloak，可以解决

uniapp 不支持 v-cloak

这个怎么解决呢？

有会的大哥吗？

Answer 1

<template>
    <view
        style='display: none'
        :style='display: unset'
    ></view>
</template>
<style>

这样做应该可以，如果不行的话就把 unset改成block试试。
当然， v-cloak 的 polyfill 其实不是很难。

Answer 2

这时候一个变量只有两种状态是满足不了需求了。要么定义一个状态：0表示未请求，1表示请求了没有数据，2表示请求有数据；
还有一种办法：设置变量test为空，接口请求返回有数据不管它，没有数据的时候test=“暂未添加....”,这种方法连判断语句都不用写。

<view>{{text}}</view>