自己总结

121 阅读1分钟

vue element UI 后台管理系统经验总结

一. false,true和0,1,后台传来以后可以转换为true false 来判断

(1) !! 1 就等于 true

(2)  !! 0 就等于 false

二. Number(true) 可以将 true 和false转换为 1 和0

三. 将数组转为字符串并且加逗号传参给后台

先定义一个数组和一个要传给后台的字符串类型,将所有路径push到数组中,之后join(',')加入一个新的字符串之后,再传给后台

     this.multipid = []
     this.multipstring = ''
     循环数组把id push到数组中
     for (let i = 0; i < this.multipleSelection.length; i++) {
       this.multipid.push(this.multipleSelection[i].order_id)
     }
     //把数字变为字符串类型给后台
     this.multipstring = this.multipid.join(',')
     const data = await confirmstore({
       order_ids: this.multipstring
     })

四 JSON.stringify() 和 JSON.parse()

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。
JSON.parse()  方法用于将一个 JSON 字符串转换为对象。

五 通过把参数存储为一个对象中,把对象通过stringify转为字符串传给后台一个对象字符串

//定义了一个对象把参数存储到对象中
const aaa = {
         designerName: this.desname,
         constructionTime: this.startime,
         constructionArea: this.measure,
         // 施工价格
         constructionPrice: this.price
       }
       //this.phonolists 为[{url:'',img:''},{url:'',img:''}]
       //通过map来取到数组里的每一个值,之后都给他们join一个逗号,并且变为字符串传给后台
       this.imgstrings = this.phonolists.map(item => item.img).join(',')
       this.imgstring = this.phonolist.map(item => item.img).join(',')

       const data = await addcontent({
         title: this.name,
         //通过stringify把aaa对象转换为字符串之后传给后台
         extendField: JSON.stringify(aaa),
         // 图文详情
         introduction: this.imgstrings,
         // 封面图
         surfaceImg: this.imgstring,
         // 是否发布
         isPublish: Number(this.fb),
         
        // split(',')是把字符串变为数组之后map循环,给每一个item制造一个对象,给对象里面放一个url和一个img字段,并且返回obj 就会得到  例如[{url:'https/www.baidu.com ',img:'/img/222.png'}],一个数组里面有多个对象
       this.phonolists = data.data.introduction.split(',').map(item => {
         const obj = {}
         obj.url = this.imgurl + item
         obj.img = item
         return obj
       })
     

执行上传图片等操作前后一定要把上传图片的数组都清空干净!!!!!!!!