列表自动滚动需要列表设置ref属性,ref="singleTable"
<el-table
:data=""
ref="singleTable"
....
></el-table>
然后在JS函数中这样写:
scroll(){
this.$nextTick(function(){
this.$refs.singleTable.bodyWrapper.scrollTop =
this.$refs.singleTable.bodyWrapper.scrollHeight;
});
}
这样表格数据更新就会自动滑动到底部
接下来是输入框自动聚焦
<el-input type="textarea"
v-model = "input_text"
ref="inputed">
</el-input>
然后在JS函数中这样写:
focus_text(){
this.$nextTick(function(){
this.$refs.inputted.focus();
});
}
本文介绍了如何使用Vue.js实现表格内容自动滚动到底部,通过设置`ref`属性配合`$refs`操作,以及如何使`el-input`类型的文本框自动获得焦点,提供了实用的JavaScript方法实例。
2057

被折叠的 条评论
为什么被折叠?



