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格式,而在代码里直接用大括号括起来,因此可能后端并不能识别这种格式,因此在代码里做如下修改:
将该参数传入接口就成功了。(记起之前碰过类似问题,但是没有记录下来,时间一长就忘了,老年人反应,不谈…导致这次花了很多时间来排查错误,包括考虑接口数据的解析,网络问题,跨域问题,前端封装数据格式问题。这次记录下,以防后边再犯。)