普歌--智音团队--Vue基础增删改查注意事项

普歌–智音团队–Vue基础增删改查注意事项

获取数据

//在data里面定义一个空数据:conflist
data({   
   return{
     conflist:[],
     limit:6,
     total:1,
   }
})

注:获取数据写到上述这一步的时候,要先打印数据,成功后如下图所示

//得到上述数据后,赋值给data里面的空数据
this.conflist=res.data.pugeWorkfiles;
//打印验证是否得到里面的数据
console.log(this.conflist);

添加数据

①获取接口

②后台获取数据

//在data里面输入添加文件的空数据
return{ 
   pugefile:{
      title:"",
      fileUrl:"",
     }
}
//获取数据   adBanner为添加事件创建的点击事件
async adBanner(){
  const res=await fileApi.addFile(this.pugefile);
  const.log(res);
  if (res.code == "20000") {          
  this.outerVisible = false;          
  this.getAllFilen();          
  return this.$message.success("添加成功");        
  }      
  });
}

回显数据

①获取接口

②获取数据

//一步一步获取数据
outer(id) {      
this.outerVisibl = true;      
fileApi.getWorkFile(id).then((Response) => {       
 console.log(Response);}