VueJs'de acem oldum ve Laravel projemde VueJs'in v-bind özelliğini kullanarak temel geçiş sınıfı işlevini uygulamaya çalışıyorum. Sayfanın oluşturulması sırasında className
değişkeninin değerini alamıyorum. Lütfen bana yanlış yaptığım yerde yol göster. Kod aşağıda verilmiştir:Vuejs dinamik olarak geçiş yapıyor sınıf Laravel içinde çalışmıyor Blade Şablonu
<div id="root">
<button type="button" v-bind:class="{'className':isLoading}" v-on:click="toggleClass">Toggle Me</button>
</div>
JavaScript geçerli:
<script>
var app = new Vue({
el: '#root',
data: {
className:"color-red",
isLoading:false
},
methods:{
toggleClass(){
this.isLoading=true;
this.className="color-blue";
}
}
})
</script>
Style:
<style>
.color-red{
background-color:red;
}
.color-blue{
background-color:blue;
}
</style>