vue at中的V模型不起作用

Question

我正在使用vue-at@2.x包裹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>

当我在文本区域中写入@时，成员列表就会显示，但文本没有更新为WholeText变量，它仍然是空的。你知道这段代码出了什么问题吗？为什么v-model不起作用？

Answer 1

看起来使用模型的功能是在2.4.0-beta版本中添加的。我不确定你在以前的版本中应该如何做到这一点，但你可以升级到最新版本。