I'm new to vuejs i have been trying to get an onchange event in vuejs on laravel blade to work but cant seem to get it to work but outside of laravel it works fine. here is my code
index.blade.php
<div id='root'>
<division divisions="{{$districts}}"></division>
</div
in index.js
Vue.component('division',{
template:`
<p class="control">
<span class="select">
<select name="district_id" class="district" @change='callme'>
<option></option>
<option v-for="division in mydata">{{division.name}}</option>
</select>
</span>
</p>
`,
props:['divisions'],
created(){
this.mydata=JSON.parse(this.divisions);
},
methods:{
callme(){
console.log('called');
}
}
});
new Vue({
el:'#root'
});