实习周记(3)|前端

141 阅读1分钟

遇到的问题以及解决途径

  1. 样式覆盖element,如果是scoped下,需要在element的样式前加/deep/,不加的情况下,则是全局修改样式。

  2. element的select的dropdown样式。propper-class选项

image.png

  1. element上传组件,可以隐藏它自带的文件列表,可以自定义书写所需要的样式。

image.png

  1. 表格column一般没有特殊操作的话,可以书写一个columns.js,暴露一个对象数组,包括label、width、prop等,直接在表格组件中引入,v-for渲染。

  2. 一般后端接口没写好时,先写好逻辑,当接口写完时,直接在对应逻辑的函数中调用接口,接受数据会大大加快效率。

  3. 后台显示的高度不要写死,可以使用flex布局配合flex:1铺满全局。这样能兼容不同的浏览器。

  4. 封装对话框最好把同一种类型封装,不然到后期写逻辑,调接口会出现一些问题。还有对话框的高度问题,我使用flex解决,把内容居中显示。(之前使用position和transform垂直水平居中,但后面高度撑不开,有些问题)