V-модель в vue-at не работает

1

Я использую пакет [email protected] https://www.npmjs.com/package/vue-at для моего проекта vue.

<template>
  <div>
   <at-ta :members="members" v-model="theWholeText">
    <textarea></textarea>
  </at-ta>
  <button @click="aMethod()" >Click</button>
  </div>
</template>

<script>
import AtTa from 'vue-at/dist/vue-at-textarea';
export default {
  name: 'HelloWorld',
  data() {
    return {
      theWholeText: "",
      members: ['Roxie Miles', 'grace.carroll', '小浩'],
    };
  },
  methods: {
    aMethod() {
      console.log('this.theWholeText :', this.theWholeText); 
    }
  },
  components: { AtTa, },
}
</script>

Список участников отображается, как только я пишу @в текстовом поле, но текст не обновляется переменной theWholeText, он по-прежнему пуст. Любая идея, что не так с этим кодом, почему v-модель не работает?

  • 0
    Можете ли вы опубликовать код компонента AtTa
  • 0
    Кажется, я не могу воспроизвести проблему: codesandbox.io/s/ko7zr0ok4o
Показать ещё 6 комментариев
Теги:
vue.js

1 ответ

1

Похоже, что возможность использования модели была добавлена в версию 2.4.0-бета в этой фиксации. Я не уверен, как вы должны были выполнить это в предыдущих версиях, но вы можете перейти на последнюю версию.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню