在vue中將false觸發為true

Question

我正在使用laravel 5.6，並且嘗試將錯誤的項目更改為true，以提交按鈕微調框。

我的表格如下所示：

<template>
<form aria-label="Register" @submit.prevent="hit()">
<button type="submit" class="btn btn-primary">
   <i class="fa fa-circle-o-notch fa-spin" v-if="spin"></i> Register
</button>
</template>

我添加了v-if="spin" ：

<script>
data(){
   return{
     spin:false    
   }
},
methods:{
 hit(){
  spin = true
}
</script>

它不起作用！ 但是，當我更改數據時：旋轉為true。 默認情況下，它保持旋轉。

請幫我。

Answer 1

spin是組件的成員，因此您需要從this訪問它：

methods:{
  hit(){
    this.spin = true
}

Answer 2

你必須設置this引用它：`

methods:{
  hit(){
    this.spin = true
  }