Hello, I am currently working on integrating VueJS2 code with Laravel Blade. However, I have encountered an issue with the following VueJS2 code:
new Vue({
el:'.add_item_to_price_menu',
data:{
percentage:null,
},
methods:{
searchData:function(){
console.log(this.percentage);
}
}
});
In addition to this, here is my Blade code:
<input type='text' @keyup='searchData' v-model='percentage' id='percentage' placeholder='{{trans("language.percentage")}}' class='form-control parent' />
<input v-model='percentage' type='text' class='form-control child' />
<input v-model='percentage' type='text' class='form-control child' />
My goal is to change the values in every child when the parent class changes. While this functionality is working as expected, I do not want the changes made in a child to reflect in all other instances of the 'percentage' model. Is there a way to achieve this? Thank you.