书架

```javascript scrollToRow() { if (this.currentRowIndex === 0) { return } const index = this.currentRowIndex this.$nextTick(() => { const tableBodyWrapper = this.$refs.tableRef.$el.querySelector('.el-table__body-wrapper') if (tableBodyWrapper) {

昨天在做项目时，有一个功能是使用Element UI的Select多选下拉框，在使用时，发现每次选择的数据已经发生变化，但是页面上的显示却没有变化。 在网上寻找方法，说是：`render`函数没有自动更新，所以在选择的时候需要强制更新 <!--more--> **解决办法：** 在`<el-select>`上定义` @change`方法，然后在方法里边执行` this.$forceUpdate(); `即可 ```javascript changeVal(value) { // TODO this.$forceUpdate()

## sass ```scss /* 修改滚动条的宽度 */ ::v-deep .el-table__body-wrapper::-webkit-scrollbar { width: 6px; /* 对于水平滚动条 */ height: 6px; /* 对于垂直滚动条 */ } /* 修改滚动条滑块的样式 */ ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); /* 滚动条滑块颜色 */ border-r