总结到现在9.16日为止出现的问题_() => { settableheight() }-优快云博客

本文总结了前端开发中的常见问题及解决方案，包括权限管理、表单验证、页面交互、表格布局和性能优化等方面。如设置弹窗权限不闪现，限制输入框长度和字符数，统一添加和编辑操作，防止表单二次提交，动态调整表格高度以适应内容等。此外，还强调了组件通信的简洁性，以及图片上传和接口调用的规范处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.解决分配权限一闪而过的问题

setRightsDialogClosed () {
  this.defKeys=[]
  this.$nextTick(function (){
    this.$refs.treeRef.setCheckedKeys([])
  })
}

2.当有input输入框这样的表单时，不仅要进行必填、字数的限制，而且要进行输入框本身长度的限制

<el-input :maxlength="20"></el-input>

3.添加和编辑表单应为同一个，当点击表单中的"取消"按钮时，不应让列表页刷新

4.封装接口方法时，用传入一个参数的形式，并且方法名称可以直接使用接口中的最后一个字段

5.大多数情况下做点击编辑按钮展示信息的时候，不需要一个一个赋值，直接把res赋值给表单即可。

6.添加、编辑按钮使用同一个绑定事件即可，根据ID判断就行了。

7.父子组件中有父传子的情况，子组件中的props直接写类型即可，不用每个都写default

8.添加、编辑表单中的确定按钮防止二次点击----当表单进行加载的时候，this.loading=true,

把取消、确定按钮都设置为禁用即可。

9.表格的最左侧序列号需要被固定，在<el-table-colum fixed>

10.正确判断哪个页面需要使用v-loading,接口请求异常的时候需要关掉v-loading

11.文字类的一般放在上面，传入照片放在最下面。

12.表单中有文本域的，把文本域高度设置高一些，显得明显一些

13.缩小表格，检查是否有按钮上下叠在一起，如果有这种情况，需要调整某一列的宽度。

14.图片上传中的:action='baseURl+imageURL',其中的baseURL需要进行动态获取。

15.当表格表头固定，如何通过动态计算，解决当数据太少的时候表格大片留白的问题？

data(){return{

//设置表格的动态高度
tableHeight: '',

}}

//表格动态高度的方法
setTableHeight () {
  setTimeout(() => {
    this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop
  }, 100)
  //此处需要通过延迟方法来设置值，不然会出现值已更新，但页面没更新的问题
  //this.$refs.table.$el.offsetTop：表格距离浏览器的高度
},

mounted () {
  //等组件挂载之后调用获取高度的方法
  this.setTableHeight()
}