Vue js - 獲取方法在組件中工作

Question

我有一個組件傳入數據，然後我需要在點擊時將該數據從true更改爲false。我爲此創建了一個名爲toggleClass的方法，但它不起作用，我沒有收到任何錯誤。

Vue.component('moustache', { 
name: 'moustache', 
props: ['type', 'img'], 
template: `<li> 
    <p><strong>@{{ type }}</strong></p> 
    <img width="300" height="200" src="/img/image.jpg"> 
    <button class="btn btn-primary" v-bind:class="{ active: isActive }" :data-type="type" @click="toggleClass">Vote</button> 
    </li>`, 
data: function(){ 
    return{ 
     isActive: false 
    } 
}, 
methods: { 
    toggleClass(){ 
      isActive: true 
    } 
} 
}); 

new Vue({ 
    el: '#app' 
}); 

Answer 1

您需要使用this這樣您就可以訪問該組件性的判定：

toggleClass(){ 
    this.isActive = !this.isActive; 
} 

Answer 2

這toggleClass不是如何工作的，必須有這種說法命令，你需要將其設置爲true的參數否則會卡住的說法。

你能嘗試

methods: { 
    toggleClass(true){ 
     //  isActive: true 
    } 
} 
});