Я использую пакет [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-модель не работает?
Похоже, что возможность использования модели была добавлена в версию 2.4.0-бета в этой фиксации. Я не уверен, как вы должны были выполнить это в предыдущих версиях, но вы можете перейти на последнюю версию.