yuxiangmitu的博客

图片上传：Vue-Quill-Editor 上传图片默认转换成base64的形式，存储在数据库里会很长，于是使用文件上传服务器的路径来存储。 视频上传：Vue-Quill-Editor 上传视频时输入对应的URL，会转换成 iframe 标签存储，所以不必更改默认设置，只需提供一个视频上传接口（如果需要实现点击直接上传效果，参考图片上传）。

项目开发过程中遇到需要在表单中上传视频并回显的情况，表单使用element-form，上传视频使用阿里云接口，在video标签里加了autoplay属性让视频自动播放。某天上班戴耳机听歌时才发现，表单关闭后视频竟然还在播放，并没有停止。

Element Select 选择器显示 value 而不是 label，可能是因为返回值的数据类型不匹配，需要转成Number类型。 比如当数据库返回的 value 是 bigint 类型时就不能自动匹配，如果是 varchar 类型就能自动匹配显示对应的 label 值。 this.dataForm.custId = Number(this.dataForm.custId) 如果要获取选择器的label值，可以在 el-select 选择器上添加一个change方法 @change="cu.

element 的 Form 组件提供了表单验证的功能，需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名。 有两点注意事项: 1.要有对应的 ref，且名字一致，表明重置哪个表单。 2.prop 设置的字段名要和 v-model 绑定的字段名一致，否则重置表单或进行自定义校验规则时不会生效。 仅使用重置功能时具体校验规则不必填，但要重置的字段一定要有对应的 prop。 ...