实用的小技巧
Enter键发送消息
@keydown.enter="sendMsg()" //绑定对应的函数
文本强制换行
//css样式
word-wrap: break-word;
自动显示滚动条
//css样式
overflow-y: auto;
-------------------------------------------
//滚动条自动置底
//1.定义选择器
ref="message"
//2.设置高度
this.$refs.message.scrollTop = this.$refs.message.scrollHeight;
设置滚动条样式
/*滚动条样式*/
::-webkit-scrollbar {/*滚动条整体样式*/
width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
height: 4px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 5px;
background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
border-radius: 0;
background: rgba(0,0,0,0.1);
}