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
  }

在vue中将false触发为true

2 个答案: