Javascript 如何在Vue.js中删除数据更改时的转换效果？

在Vue.js 2.x上，我有一个从服务器获取数据的组件，如下所示

<template>
...
<a href="..." v-if="data.status !== 'blind'">Link</a>
...
</template>

<script>
export default {
...
data: {
  return() {
    data: {}
  }
};
...
async created() {
  const loadedData = await this.$axios.get(`server-url`);
  this.data = loadedData.data;
}
</script>

...
...
导出默认值{
...
数据：{
返回（）{
数据：{}
}
};
...
异步创建（）{
const loadedData=wait this.$axios.get（`server url`）；
this.data=loadedData.data；
}

因此，当

data.status

为“盲”时，如果不呈现锚定标记，这将很好，但即使使用

wait

也需要一点时间才能消失

---

加载axios数据后，是否有任何方法渲染

v-if

？

请注意，您的

if

条件中有一个错误。它应该是：

v-if="data.status !== 'blind'"

无论如何，在我看来，处理ajax调用的最佳方法是使用一个标志

<template>
...
<a href="..." v-if="!loading && data.status !== 'blind'">Link</a>
...
</template>

<script>
export default {
...
data: {
  return() {
    loading: false,
    data: {}
  }
};
...
async created() {
  this.loading = true;
  const loadedData = await this.$axios.get(`server-url`);
  this.loading = false;
  this.data = loadedData.data;
}
</script>

...
...
导出默认值{
...
数据：{
返回（）{
加载：false，
数据：{}
}
};
...
异步创建（）{
这是。加载=真；
const loadedData=wait this.$axios.get（`server url`）；
这一点：加载=错误；
this.data=loadedData.data；
}

你的v-if和他的v-if有什么区别？因为你说他有一个错误