Question

在vue-cli中我需要帮助来显示依赖于API状态返回的组件。我认为问题在于重建DOM，但是我在beforeMount中进行了操作，但这没有用。

首先，它应该检查API的状态，如果为false，则为true或false，然后显示v-if为false的组件。

请帮我看看我做错了什么：|

<template>
  <div v-if="status === false ">First component</div>
  <div v-if="status === true ">Second component</div>
</template>

<script type="text/javascript">
  export default  {
   data() {
    return {
     status,
    }
   },
   created: function () {
    $.getJSON('linkAPI', function (json) {
      this.status = json.state;
    })
   }
  }
</script>

Answer 1

回调中的

this并不是您想的那样。试试...

<div v-if="status === false ">First component</div>
<div v-if="status === true ">Second component</div>


export default  {
 data() {
  return {
   status,
  }
 },
 created: function () {
  var me = this;
  $.getJSON('linkAPI', function (json) {
    me.status = json.state;
  })
 }
}

Vue：show组件取决于API状态

1 个答案: