Javascript 填充文本后切换materializecss文本区域的大小

说我有这个：

<div class="row">
    <form class="col s12">
      <div class="row">
        <div class="input-field col s12">
          <textarea id="textarea1" class="materialize-textarea"></textarea>
          <label for="textarea1">Textarea</label>
        </div>
      </div>
    </form>
</div>

---

问题是，我的文本区域将保持“小”，直到我点击它并向下箭头以发现我添加到其中的文本。找到底部后，文本区域会自动扩展到更大的文本区域以容纳内容。我的问题是，在将文本添加到文本区域后，是否有办法强制切换元素的大小调整方面？

您是否尝试过他们的高级注释

当使用诸如jQuery的.val（）之类的方法动态更改textarea的值时，您必须在afterwords上触发一个autoresize，因为.val（）不会自动触发我们绑定到textarea的事件

因此，在添加很长的文本后，您可以将其称为：

$('#textarea1').trigger('autoresize'); 

我在VueJS中使用这个

M.textareaAutoResize($('#textarea1'));

如果不起作用，请尝试在启动

自动调整大小之前设置超时

M.textareaAutoResize($('#textarea1'));