0
 <textarea class="form-control" rows="3" v-model="message"></textarea>

 this.$emit('messageAdded', this.message);
 this.message = '';

значение message удаляется, но в форме остаётся прежним. Может кто-нибудь подсказать причину?

1 ответ 1

1

Скорее всего, вы либо не добавили 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>

1
  • Спасибо, опечатку нашёл. (date)
    – SerjS
    10 сен 2017 в 13:49

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.