私はデータを渡すコンポーネントを持っているので、そのデータをクリック時にtrueからfalseに変更する必要があります。私はそれのためにtoggleClass
と呼ばれるメソッドを作成しましたが、それは動作していない、と私はエラーを取得していません。 toggleClassがどのように動作するかではありませんVue js - コンポーネントで動作するメソッドを取得する
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'
});
ありがとう、それは勝者です:) –