Vue-at中的V模型不起作用

时间:2018-07-14 12:50:15

标签: javascript vue.js

我正在为vue项目使用vue-at@2.x软件包https://www.npmjs.com/package/vue-at

<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>

我在textarea中写@时会立即显示成员列表,但文本未更新为theWholeText变量,但仍为空。知道这段代码有什么问题吗,为什么v模型不起作用?

1 个答案:

答案 0 :(得分:1)

this commit的2.4.0-beta版本中似乎添加了使用模型的功能。我不确定您应该如何在以前的版本中完成此操作,但是您可以升级到最新版本。