D④商品列表-添加商品:商品图片,商品内容
tab商品图片:
图片上传地址:
my:↓结尾没有斜杠
上传失败,后台可以看到的方法
说明这个upload组件没有发起axios,它内部封装的axios没有authorizaton字段
解决方法:
header属性,手动指定头部字段
上传成功只代表服务器存储了这张图片,图片相关信息已经需要传到表单中 到时候一并上传
监听上传成功:response-服务器返回的数据;file-文件的信息;filelist-当前上传组件的文件列表
拼接对象
删除图片:
findIndex() 方法:获取数组中 符合条件的 第一个元素索引位置
预览图片:
console.log(file)
dialog对话框预览图片,简单看一下file具体是什么,然后保存图片url,dialog用visable控制一下
tab商品内容:
富文本编辑器
安装依赖
全局挂载使用
SSR是服务器端、SPA客户端
main.js↓导入并注册
js:
全局css:
正式提交商品
表单校验失败-请填写必要的表单项
正式提交前数据的处理①:
数组拼接成字符串.join;但是级联选择器希望它是数组
so
数组绑定到原对象上,.join拼接复制出来的新对象
对addForm做一下深拷贝-lodash包
导入包(用_接受)
.join拼接深拷贝出来的新对象,cloneDeep函数
正式提交前数据的处理②:
需要的数据样式
现有的数据样式
处理↓
③正式提交: