当前位置: 首页 > news >正文

uniapp vue 接口传值 \\ map遍历数据\\forEach \\ splice截取分隔符 \\请求携带数据向后端请求数据

1. 携带数据  type和query是可以随便换的 根据项目变


//携带全部数据   后台数据收到的是query全部数据  query是可以随便换的query:{type:null,categoryId:null,pageNum:1,pageSize:10},//样片请求参数getList(){this.$u.api.getSampleSeriesList(this.query).then(result => {console.log(result,'result')let array = result.rows}).catch(error => {console.error('请求失败:', error);});},
--------------------------------------------------------------//直接带数据  后台数据收到的是type :  1  的数据   type是可以随便换的
getList(){this.$u.api.getSampleSeriesList({type:1}).then(result => {console.log(result,'result')let array = result.rows}).catch(error => {console.error('请求失败:', error);});},

2. map遍历

	categrayList: [],//分类		
this.categrayList = result.data.map(item => ({id: item.id,name: item.categoryName}));
  let arr3=[{ name: '迪西', age: 14 },{ name: '拉拉', age: 11 },{ name: '小波', age: 13 },{ name: '丁丁', age: 10 }];this.arr=arr3.map(item => item.name);console.log(this.arr, 'arr.map');

3. forEach

   let arr31=[{ name: '迪西', age: 14 },{ name: '拉拉', age: 11 },{ name: '小波', age: 13 },{ name: '丁丁', age: 10 }];arr31.forEach(item => {this.arrs1111.push(item.name); // 手动填充数组});console.log(this.arrs1111,'this.forEach.map'); // 同上

 4. splice

	//  添加分隔符 // let array = [1,2,3,4,5,6,7]// const str = array.join('~~');  // 输出:"1~~2~~3~~4~~5~~6~~7"// console.log(str);//  截取分隔符 // 截取第一个数值let array = [1,2,3,4,5,6,7]const str = array.splice('1');  //[2, 3, 4, 5, 6, 7]console.log(str);// 截取 , 逗号let array11 =[1,2,3,4,5,6,7]const str11 = array11.splice(",")console.log(str11)  //[1, 2, 3, 4, 5, 6, 7]

5.  uniapp 接口传值   每个项目的也可能会不一样  随缘吧

<!-- uniapp  get  post接口 -->
<!-- 真实接口的数据链接  传值 传id 和 全部数据-->
let makeupDelete = (params = {}) => vm.$u.post(Vue.prototype.currshop.value+'/makeupArtist/delete?id='+params.id, params, normalHeader);<!-- 真实接口的数据链接  传值 传id-->
let makeupDelete = (params = {}) => vm.$u.post(Vue.prototype.currshop.value+'/makeupArtist/delete?id='+params.id);<!-- 真是接口的数据链接  传值 传全部-->
let getSampleSeriesList = (params = {}) => vm.$u.get(Vue.prototype.currshop.value+'/sample/getSampleSeriesList', params, 
normalHeader);<!-- 模拟接口的数据链接 -->
let getSampleSeriesList = (params = {}) => vm.$u.get('http://localhost:8080/travelPhotography-shop/sample/getSampleSeriesList', params, normalHeader);

6.  vue 接口传值   每个项目的也可能会不一样  随缘吧

<!-- vue  普通接口   -->
<!-- get 全部值  ande   get id传值-->
export const carouselList = (dataForm: any) => { return service.get('/carousel/page', { params: dataForm }) }export const sandelete = (id: any) => { return service.get('/agThirdParty/del' + '?id=' + id) }<!-- delet -->
export const carouseldelete = (dataForm: any) => { return service.delete(`/carousel/delete/${dataForm}`) }<!-- post -->
export const CarouselNewdedit = (dataForm: any) => { return service.post('/industryInnovation/saveOrUpdate', dataForm) }

http://www.dtcms.com/a/512929.html

相关文章:

  • 动态图片素材网站建站下载专用网站
  • 网站建设合同用缴印花税吗珠海网站建设的公司哪家好
  • 【GESP】C++四级真题 luogu-B4041 [GESP202409 四级] 区间排序
  • (七)React 条件渲染原理分析
  • 长沙网站外包宜宾网站建设北斗网络
  • Consumer 和 Function 接口详解
  • 沈阳企业定制网站建设python开发微信小程序
  • 网站排名推广推荐中国建设银行网站简介
  • 有什么办法做自己的网站沈阳网页设计哪家好
  • 12306网站开发笑话素材下载网
  • 使用stm32cubeide stm32f103 freeRTOS 实现Modbus RTU协议寄存器读写过程详解
  • 无锡网站开发公司做阿里巴巴企业网站
  • 参与网站建设的人员网站系统报价方案模板下载
  • k8s集群-节点间通信之安装kube-flannel插件
  • 碰一碰源码/PHP语言开发 独立服务器部署搭建
  • 网站建设华为电子厂家网站建设
  • 珠海网站建设网网站建设运营属于经营范围
  • 做美图网站有哪些东西黑龙江省城乡建设厅网站首页
  • 年化591%,回撤仅7%的策略,支持订阅信号|基于AgentScope开发金融多智能体,附python代码
  • llama.cpp cmake 配置OpenBLAS
  • 烟台公司中企动力提供网站建设设计广告用什么软件
  • 网站结算系统怎么做百度指数第一
  • 实验室建设网站拍拍网站源码
  • 4.6.组合复杂语句
  • 网站的建设目标是什么意思海口网站建设平台
  • iOS 26 查看电池容量与健康状态,多工具组合实战指南
  • 卖磁铁的网站怎么做免费聊天软件
  • 100G 光模块的 “核心外衣”:QSFP28 封装技术解析
  • 网站上线具体流程广州seo优化电话
  • 大模型微调:用通俗语言讲清 LoRA、RLHF 等核心技术