vue-element-admin学习问题汇总

1. Element的表单验证规则不通过的问题，即使选择或者输入了内容也提示内容不能为空

这里出现了问题的主要原因是表单项的prop属性与表单项v-model绑定的值名称不一致，改为一致即可。
验证规则：

prop属性设置（这里的row是我代码里表单绑定的对象，根据实际命名修改即可）

2. 向请求接口传递POST参数报错问题

问题描述：向后台删除接口传递一个对象，对象里包含一个键值对，键名为ids，值为用户id列表，id列表格式为array数组。一开始数据的封装是直接用大括号括起来，如下：

params = {'ids': ['id1','id2',...]}

传过去接口返回错误显示参数为空。
检查api接口文件:
这里有个问题是，如果该请求函数使用的参数是params而不是data，那么请求的时候发现使用的是GET请求，在我这边的开发环境（VSCode+vue-element-admin+谷歌浏览器）下报了跨域的错误，这里改为data之后虽然请求方式正确但是返回结果依然提示字段不存在，那有可能是接口解析数据或者封装的数据格式有问题了。
接着在Postman里直接请求该接口，请求成功：

那看来并不是接口问题。此时注意上图使用的是form-data格式，而在代码里直接用大括号括起来，因此可能后端并不能识别这种格式，因此在代码里做如下修改：

将该参数传入接口就成功了。（记起之前碰过类似问题，但是没有记录下来，时间一长就忘了，老年人反应，不谈…导致这次花了很多时间来排查错误，包括考虑接口数据的解析，网络问题，跨域问题，前端封装数据格式问题。这次记录下，以防后边再犯。）