Vue：show组件取决于API状态[重复]-Java 学习之路

这个问题在这里已有答案：

How to access the correct this inside a callback? 8个答案

我需要在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>

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;
  })
 }
}

回复于 2024-05-03T19:25:53+08:00

Vue：show组件取决于API状态[重复]

1 回答

相关问题