本篇博客记录下使用 Vue 和 Element-UI 进行开发时需要注意的一些事项。
开发建议
1、对于按钮，一般使用 type='primary'，该类型按钮大小固定，且为亮丽的蓝色，与默认的白色按钮相比，可以丰富页面色彩，更加漂亮。
2、固定部分表格的列，对于含有多个相同元素的表格单元格，比如多个按钮，固定该单元格的长度，使其横向或纵向排开，避免被 element-ui 自动计算导致的挤压。
3、对于表格中含有过长文本的列，使用 :show-overflow-tooltip="true" 隐藏部分文本，否则会撑大单元格，导致整个表格被撑大，非常不美观。
4、对于表示时间的列，比如创建时间或更新时间，使用类似 scope.row.update_time | parseTime('{y}-{m}-{d} {h}:{i}:{s}') 的方式格式化，然后设置列宽度为 150px，以避免该列被撑大。
5、对于 el-table 组件，如果指定了每一列的长度，那么当页面拉长时，就会导致表格列前后多出空框，因此需要保证至少有一列的长度不是指定的。
注意事项
1、如果要为 el-select 绑定默认值，需要注意，其 v-model 绑定的是字符值，不能绑定对象类型。如果绑定了对象类型，key-label-value 部分正常的话，可是正常使用，但是实现不了默认值效果。