vue 后端数据成功返回 页面不渲染_Vue怎么让数据请求成功以后再渲染页面？

需求如下：

进入页面有一个检测按钮，点击即可向后端请求数据。

进入页面如果不点击检测

则显示如下

点击检测 如果返回的是正常的状态则显示

如果返回的状态是异常 则显示

目前有个BUG 就是点击检测的时候 先从变为 然后马上变为 因为逻辑里面我是用

v-if v-else 来判断

未知(没有点击的状态)

正常，异常(按钮点击过后根据返回的布尔值判断)

下面贴一下代码：

未知

size="mini"

:type="isPrometheusOn?'success':'danger'"

effect="plain"

>{{isPrometheusOn?"正常":"异常"}}

@click="operation('startPrometheus','prometheusStartLoading')"

type="plain"

size="mini"

v-show="!isPrometheusOn"

:loading="prometheusStartLoading"

>启动

data中的数据如下

isClickCheck: false,

isPrometheusOn: false,

写的有点僵硬 有没有大佬自告奋勇帮我优化一下？

年底了 没有去eleme的名额了，回答此问题者，可以推荐去腾讯大厦。。。。当门卫