Делаю свой input, ввожу в него данные и он сразу их заменяет на “11.11”, так у меня и должно быть. Но если после этой замены я продолжаю вводить данные, он перестаёт их заменять, этого я не понимаю.
У меня стоит v-bind:value="val"
и по идее если я перезаписываю this.val
он должен это отображать в инпуте. Сам val
меняется, я его выводу, но не в инпуте.
Vue.component('currency-input', { template: `<span> <input ref="input" v-bind:value="val" v-on:input="updateValue($ event.target.value)"> val: {{val}} </span>`, // props: ['value'], data: function() { return { val: "" }; }, methods: { updateValue: function(value) { this.val = "11.11"; } } }); // создание корневого экземпляра var app = new Vue({ el: '#app', template: `<div> <currency-input></currency-input> </div>`, })
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script> <div id="app"> </div>