Vue中使用textarea标签统计和显示用户还剩多少输入长度的错误操作及其解决方案

最近正在开发一个项目中，在处理用户的评论时有个评论长度限制。假设可输入最长文本为140个字符，在页面上需要展示用户的最大可输入长度。其实并不复杂的需求，但在使用传统方法时却出现了问题。让我们一起来看看这个bug吧。

下面展示的是评论界面：

下面是一个动图展示bug：

从动图可清晰展示：每次输入文字后按下键盘继续输入时之前已输入的文字会自动清除

下面是我产生这个bug的代码：

    <template>
      <div>
    	      	<textarea :value="content"
    	                maxlength=140
    	                @input="textareaChange"
    	                placeholder="评论