var arr=[1,2,3]
var str=arr.join(',')
console.log(str)
打印出来的结果为1,2,3
实例:
在写后台管理的时候,表格的上方会有对数据操作的操作键,比如,一键售罄
,如图所示。
我用到把数组改为用逗号隔开的形式这个知识点就是传给后台的参数,需要用,隔开的数组
//一键售罄
keysoldout() {
if (this.multipleSelection.length == 0) {
this.common.messageTip("请选择要一键售罄的藏品", "error");
return false;
} else {
this.$confirm("确定要操作此藏品一键售罄嘛, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.keysold();
})
.catch(() => {
});
}
},
// 一键售罄接口
async keysold() {
let planIdList = [];
for (let item of this.multipleSelection) {
planIdList.push(item.id);
}
let planIdString = planIdList;
this.arr = planIdString.join(',');//注意这个arr就是以,分隔的数组形式
console.log(this.arr)//打印出来的1,2的形式
await this.$api.starCollectionMgmt
.oneClickSoldOut({
worksIdList: this.arr,
})
.then((res) => {
let that = this;
if (res.code == 200) {
this.$message({
message: "操作成功",
duration: this.common.duration,
type: "success",
onClose: function () {
//window.location.reload();
that.getTableData();
},
});
} else {
this.common.messageTipCode(res, "error");
}
});
},
数据经过这样的处理,传给后端的数据就正确了。
注:this.multipleSelection是获取所选项的值,具体内容可以看vue elementui表格获取某行数据(slot-scope和selection-change方法使用)