overflow:scroll组件添加内容后自动滚动到元素的底部

当一个元素设定胃overflow:scroll，超出的部分需要滚动查看，当内容有增加后，为了体验更好，滚动到底部会更好

<el-input
        :autosize="{ minRows: 20, maxRows: 26 }"
        type="textarea"
        class="inputText"
        id="mainText"
        v-model="articleText"
        resize="none"
        placeholder="请输入文章内容"
      ></el-input>

this.$nextTick(() => {
    
    
      setTimeout(() => {
    
    
        const textarea = document.getElementById('mainText');
        if (textarea) {
    
    
          textarea.scrollTop = textarea.scrollHeight;
        }
      }, 10);
    });