在 vue 中触发 false 到 true

Question

我正在使用 laravel 5.6，我正在尝试将 false 项设置为 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>

这行不通！但是当我更改数据时：旋转为真。它默认保持旋转。

请帮帮我。

Answer 1

spin 是你的组件的成员，所以你需要从this 访问它：

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

Answer 2

你必须设置this 来引用它： `

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