autosized textarea的初始高度，内容为vue.js模型

Question

我有一个vue.js组件，它通过vue-resource从api加载它的ready（）块内的数据：

this.$http.get('getData/book', (data) => {
   this.book = data;
});

组件模板有一个textarea，我想根据其内容自动增长;内容的值绑定到组件模型：

<textarea v-model="book.description" autocomplete="off" id="nta" class="autosize"></textarea>

在测试了很多脚本和插件之后，我使用http://www.jacklmoore.com/autosize/中的autosize.js进行自动增长部分，这非常正常。加载组件时，只有textarea的初始高度不会。

我在使用

加载数据后尝试更新textarea

var element = document.getElementById('nta');
autosize.update(element);

遗憾地没有效果。

我试过

var evt = document.createEvent('Event');
evt.initEvent('autosize:update', true, false);
element.dispatchEvent(evt);

令我惊讶的是清空了绑定数据和textarea的值。

对于我来说，content_editable元素是不可替代的，它必须是texarea。

任何人都可以帮助我吗？