【问题标题】:trigger false to true in vue在 vue 中触发 false 到 true
【发布时间】:2018-08-12 18:36:10
【问题描述】:

我正在使用 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>

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

请帮帮我。

【问题讨论】:

    标签: laravel vue.js vuejs2 laravel-5.6


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        猜你喜欢
        • 2020-10-14
        • 1970-01-01
        • 2021-09-13
        • 1970-01-01
        • 2012-05-03
        • 2021-12-25
        • 2020-12-15
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多