vuejs v-model позволяет менять только из одного места

Question

привет, у меня есть код vuejs2 с лезвием laravel .. теперь моя проблема в том, что у меня есть этот код vuejs2

new Vue({
    el:'.add_item_to_price_menu',
    data:{
        percentage:null,
    },
    methods:{
        searchData:function(){
            console.log(this.percentage);
        }
    }
});

, и это мой код блейда

<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' />

что теперь яхочу изменить родительский класс, изменить значения для каждого дочернего элемента, и это работает со мной, но когда я изменяю дочерний класс, я не хочу, чтобы это изменялось в процентах от каждой модели пыльника, есть ли способ сделать это, спасибо

Answer 1

Простой способ - не использовать v-model, просто :value=percentage.

v-model - это синтаксический сахар для использования реквизита и события.Начиная с Vue docs :

компонент [...] должен:

• Привязать атрибут value к value prop
• При вводе генерировать свое собственное пользовательское событие input с новым значением

Так что, если вы используете только :value, это односторонняя привязка.Просто учтите, что если пользователь изменит один из этих входов, он не будет отражен в вашей модели.