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
})