Vue input textarea自动滚动到最底部

数据刷新是会不停地补充在textarea输入框

首先定一个textarea类型的input组件

首先使用 vue,其实一样,但是我使用了 element 组件库,其实不影响,和单纯的 textarea 效果一样。主要就是给 textarea 添加一个 id 或者是 class ,在后面新数据添加到输入框之后获取到元素,把他的滚动条滚动高度设置成滚动最大高度就可以。



每次更新textarea时需要将滚动条滚动到最后

this.$nextTick(() => {
        const textarea = document.getElementById('scroll_text');
        textarea.scrollTop = textarea.scrollHeight;
      })

你可能感兴趣的:(前端,vue.js,前端,javascript)