整理vue项目中的一些常见问题

最近有一个项目要交付，开始了无尽的测试和修改中，发现了一些平时未注意的问题，记录下来以供参考和学习

form表单

1. 表单验证时，item的prop应于form的rules中对应，否则无验证；
2. 使用validate进行校验；
3. 表单验证完以后，可以使用$refs.planAuditForm.clearValidate()方法移除上次的校验结果

table表格

1. column通过设置min-width动态变化；
2. table可以设置max-height来控制表格；
3. 当某些column的label过长时，会影响设置了fixed的column；（原因未解决）

button按钮

1. 当button需要绑一个链接时，用a标签绑herf

组件

1. 子组件绑ref，父组件可以直接通过this.$refs{[}^{\prime }子组{件}^{\prime }]来获取子组件，在子组件内部的元素绑ref，父组件可以通过this.$refs[‘子组件’].$refs[‘子组件内部’]；
2. 自己写组件时，一定要注意通用性；
3. 当组件中嵌套dialog，出现遮罩不一致时，在内层dialog中绑:append-to-body=“true”