• 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函数

    正式提交前数据的处理②:
    需要的数据样式

    现有的数据样式

    处理↓

    ③正式提交:

  • 相关阅读:
    适合程序员的两样工具-续集
    JavaScript之面向对象1
    人类简史笔记摘录
    做正确的事
    个人高效率任务列表
    视频技术基础
    了解更多梭罗与瓦尔登湖
    禅与摩托车维修的艺术
    人工智能发展及算法
    互联网没能降低房价,人工智能就可以不?
  • 原文地址:https://www.cnblogs.com/icemiaomiao3/p/15827328.html
Copyright © 2020-2023  润新知