Tenho um formulário com alguns inputs que tem v-model e outros com v-bind:value recebendo um valor inicial pelo 'data'. Toda vez que digito algo em um campo com v-model ele reseta o valor dos campos com v-bind:value para o valor inicial.
O erro acontece apenas na versão 2.x do vuejs.
jsfiddle com um exemplo: https://jsfiddle.net/ypeacuth/
new Vue({
el: '#app',
data: {
nome: 'Ted',
sobrenome: ''
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<input type="text" id="nome" name="nome" v-model="nome">
<input type="text" id="sobrenome" name="sobrenome" :value="sobrenome">
</div>
<input :value="sobrenome">
você está dizendo que a propriedadevalue
vai ser sempre o que estiver dentro dedata.sobrenome
.. E comodata.sobrenome
é uma string vazia e nunca é modificado, o comportamento do Vue é tornar ovalue
uma string vazia sempre que renderizar o componente.