ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

日常问题记录

日常问题记录 vueelementUI的级联框二次封装之后在使用时容易出现下拉框不显示的问题原因级联框显示数据量大的时候返回慢渲染的时候数据还没返回导致级联框的浮层加载慢于弹层然后浮层高度不能撑起来或者层级不能跟着页面自适应就看不到下拉项解决给浮层自定义类名之后给一个最小高度或者给层级加高ps如果加的样式不生效或者只显示类名而没有自己写的样式的话可能是因为样式加了scoped的原因因为级联的浮层在页面之外所以可以另外写一个stylepopper-classcity-popper style .city-popper{ //两个写一个先试一下 z-index: 3000!important; min-height: 20px; } /style让容器自由滚动出现滚动条给容器本身一个宽度或高度让给个父容器父容器overflow设为scroll,就能出现滚动条啦div stylewidth: 100%;overflow-x: scroll; BLMTable v-loadingloading :datatableData :paginationpagination row-keyid :styletableData.length 0?width:1900px:null/给表格写动态样式/ ………… /BLMTable /div展示数据的表格切换页面表头错乱使用的elementUI的table组件给表头错乱的列加keyelementUI的message提示框被弹窗遮盖给message弹窗加自定义样式提高层级写样式的时候一定要把 style 的 scoped 属性去掉不然是不生效​ this.$message.error({ message: 所选中数据部分处理失败, customClass: messageClass }) style .messageClass{ z-index: 3000!important; } /style ​关于引用当一个文件夹下存在同名js文件和vue文件时如果引用没写明文件类型而是只写了文件名那么会优先引用js类型的文件
返回列表