vue-element-admin学习问题汇总
vue-element-admin
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/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格式,而在代码里直接用大括号括起来,因此可能后端并不能识别这种格式,因此在代码里做如下修改:
将该参数传入接口就成功了。(记起之前碰过类似问题,但是没有记录下来,时间一长就忘了,老年人反应,不谈…导致这次花了很多时间来排查错误,包括考虑接口数据的解析,网络问题,跨域问题,前端封装数据格式问题。这次记录下,以防后边再犯。)
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:3 个月前 )
0caa975e - 3 年前
cd3f7267 - 3 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)