<textarea class="form-control" rows="3" v-model="message"></textarea>
this.$emit('messageAdded', this.message);
this.message = '';
значение message удаляется, но в форме остаётся прежним. Может кто-нибудь подсказать причину?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуСкорее всего, вы либо не добавили message в data, либо в вызываемом контексте this не является интересующим компонентом vue.
Следующий код вполне себе работает:
var app = new Vue({
template: '#template',
el: '#target',
data: {
message: null
},
watch: {
message: function (value) {
console.info('Message changed to:', value)
}
}
})
app.message = 'test'
<script src="https://unpkg.com/vue@2.4.2/dist/vue.js"></script>
<script id="template" type="text/x-template">
<div>
<textarea v-model="message"></textarea>
<textarea v-model="message"></textarea>
</div>
</script>
<div id="target"></div>