elementui的滚动条和折叠面板

图一

img


当折叠面板展开的内容过长超过页面长度时,滚动条自动向下滚动,但是当在点击后面的订单时,滚动条他还是停在上一个页面停止的位置,导致展开的折叠面板被顶上去了。如何解决这种情况。

img


如何让每次展开时都能尽量的看到这个折叠面板的内容

  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7625501
  • 你也可以参考下这篇文章:element技巧:设置高亮切换、行点击、默认首行高亮、点击行时如何获取索引值、如何将两个属性合成一个显示
  • 除此之外, 这篇博客: elementUi时间控件 设置只能点击今天和今天以前的中的 限制选择开始时间不能小于当前时间。并且结束时间不能大于开始时间(比上面多了层限时 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • <el-date-picker
           v-model="value1"
           type="date"
           placeholder="开始日期"
           :picker-options="pickerOptions0">
    </el-date-picker>
    <el-date-picker
           v-model="value2"
           type="date"
           placeholder="结束日期"
           :picker-options="pickerOptions1">
    </el-date-picker>
    data(){
    return{
    value1:'',
    value2:'',
    
    
       pickerOptions0: {//结束时间不能大于开始时间
                    disabledDate: (time) => {
                        if (this.addForm.date_range_end) {
                            return time.getTime() > new Date(this.addForm.date_range_end).getTime();
                        }else{//还没有选择结束时间的时候,让他只能选择今天之后的时间包括今天
                            return time.getTime() < Date.now() - 8.64e7
                        } 
     
                    }
                },
                pickerOptions1: {
                    disabledDate: (time) => {
                        if(this.addForm.date_range_start){
                          return time.getTime() < new Date(this.addForm.date_range_start).getTime() - 1*24*60*60*1000;//可以选择同一天
                        }
                    }
                },
    }
    }