Question

嗨，我有laravel刀片的vuejs2代码。现在我的问题是我有这个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道具

在输入时，使用新值发出自己的自定义input事件

因此，如果仅使用:value，则它是一种单向绑定。只需考虑到，如果用户更改了这些输入之一，则不会反映在您的模型中。

vuejs v-model只允许从一个地方更改

1 个答案: