http.request('config/list', 'get', { page: 1, limit: 5 }, function(res) { if (res.data.list.length > 0) { let swiperList = []; res.data.list.forEach(element => { if (element.value != null) { swiperList.push({ img: http.baseurl+element.value }); } }); vue.swiperList = swiperList; vue.$nextTick(() => { carousel.render({ elem: '#test1', width: '100%', height: '420px', arrow: 'hover', anim: 'default', autoplay: 'true', interval: '3000', indicator: 'inside' }); }) // vue.$nextTick(()=>{ // window.xznSlide(); // }); } });

时间: 2024-01-10 21:01:55 浏览: 67
这段代码使用了http.request方法向服务器请求配置信息数据,并将其中的图片URL提取出来,渲染到轮播组件中。具体来说,它做了以下几件事情: 1. 使用http.request方法向服务器请求配置信息数据,包括第一页的前5条数据。 2. 如果返回数据列表的长度大于0,则遍历数据列表,将其中的value属性不为空的数据提取出来,组成轮播图列表。 3. 将轮播图列表赋值到vue.swiperList属性中。 4. 在下一个DOM更新周期中,使用vue.$nextTick方法确保DOM已经更新完毕。 5. 使用carousel.render方法来渲染轮播组件。 6. 设置轮播组件的参数,包括宽度、高度、箭头、动画、自动播放间隔等。 如果您有更具体的问题需要帮助解答,可以再提出来哦。
相关问题

oninput(e){ var that=this that.data.identity=e.detail.value wx.request({ url: app.globalData.api +'/Student_GetInfoByIdCard', data:{ token:app.globalData.token, identity:that.data.identity }, method: 'POST', header: { 'content-type': 'application/json' }, success(res){ var r = JSON.parse(res.data.d) // console.log(r.JsonStr.data1) var data=r.JsonStr.data1 console.log(data) if(that.data.identity.length===18){ that.setData({ nation: data.nation, //民族 teacherphone: data.teacherphone, //指导老师手机号 teacher: data.teacher,//指导老师 name: data.name,//姓名 phone: data.phone,//手机号 gender:data.gender,//性别 nationality:data.nationality,//国籍 birthday:data.birthday_shorter,//生日 pinyinlist:data.pinyin//拼音 }) } } }) // console.log(e.detail.value) },如果身份证号长度不满18 所有信息都不显示代码

如果您想让所有信息都不管身份证号码长度的情况下都能够显示,可以将代码中的 `if(that.data.identity.length===18)` 这行代码修改为 `if(data !== null)`,这样无论身份证号码长度是多少,只要返回的 `data` 不为空,就会更新页面显示。 修改后的代码如下: ``` oninput(e) { var that = this; that.data.identity = e.detail.value; wx.request({ url: app.globalData.api + '/Student_GetInfoByIdCard', data: { token: app.globalData.token, identity: that.data.identity }, method: 'POST', header: { 'content-type': 'application/json' }, success(res) { var r = JSON.parse(res.data.d); var data = r.JsonStr.data1; console.log(data); if (data !== null) { that.setData({ nation: data.nation, //民族 teacherphone: data.teacherphone, //指导老师手机号 teacher: data.teacher, //指导老师 name: data.name, //姓名 phone: data.phone, //手机号 gender: data.gender, //性别 nationality: data.nationality, //国籍 birthday: data.birthday_shorter, //生日 pinyinlist: data.pinyin //拼音 }); } } }); } ```

oninput(e){ var that=this that.data.identity=e.detail.value if(that.data.identity<18)return; wx.request({ url: app.globalData.api +'/Student_GetInfoByIdCard', data:{ token:app.globalData.token, identity:that.data.identity }, method: 'POST', header: { 'content-type': 'application/json' }, success(res){ var r = JSON.parse(res.data.d) // console.log(r.JsonStr.data1) var data=r.JsonStr.data1 console.log(data) if(that.data.identity.length===18){ that.setData({ nation: data.nation, //民族 teacherphone: data.teacherphone, //指导老师手机号 teacher: data.teacher,//指导老师 name: data.name,//姓名 phone: data.phone,//手机号 gender:data.gender,//性别 nationality:data.nationality,//国籍 birthday:data.birthday_shorter,//生日 pinyinlist:data.pinyin//拼音 }) } else { that.setData({ nation: '', //民族 teacherphone: '', //指导老师手机号 teacher: '',//指导老师 name: '',//姓名 phone: '',//手机号 gender:'', //性别 nationality:'', //国籍 birthday:'', //生日 pinyinlist:'' //拼音 }) } } }) },修改这段代码 身份证长度不满足18位不发送请求

修改后的代码: oninput(e){ var that = this; that.data.identity = e.detail.value; if(that.data.identity.length < 18) { that.setData({ nation: '', teacherphone: '', teacher: '', name: '', phone: '', gender: '', nationality: '', birthday: '', pinyinlist: '' }); return; } wx.request({ url: app.globalData.api + '/Student_GetInfoByIdCard', data: { token: app.globalData.token, identity: that.data.identity }, method: 'POST', header: { 'content-type': 'application/json' }, success(res){ var r = JSON.parse(res.data.d); var data = r.JsonStr.data1; that.setData({ nation: data.nation, teacherphone: data.teacherphone, teacher: data.teacher, name: data.name, phone: data.phone, gender: data.gender, nationality: data.nationality, birthday: data.birthday_shorter, pinyinlist: data.pinyin }); }, fail(err){ console.log(err); } }); } 修改内容:在判断身份证号长度时,使用字符串长度进行判断,如果长度小于18就清空显示的数据并返回。在发送请求时,将身份证号作为请求数据的一个参数传递。并且在请求成功后,将返回的数据更新到页面上。在请求失败时,打印出错误信息。

相关推荐

最新推荐

recommend-type

php错误提示failed to open stream: HTTP request failed!的完美解决方法

google或者baidu一下,好多这样的问题,解决的方法都是修改php.ini,把allow_url_fopen给启用,改成 allow_url_fopen = On 这样做可以解决某些人的问题,有人说在php.ini中,有这样两个选项:allow_url_fopen =on...
recommend-type

java.net.ConnectException: Connection refused问题解决办法

主要介绍了java.net.ConnectException: Connection refused问题解决办法的相关资料,需要的朋友可以参考下
recommend-type

微信小程序 wx.request(接口调用方式)详解及实例

主要介绍了微信小程序 wx.request(接口调用方式)详解及实例的相关资料,wx.request请求方式比较简单,但是在使用的时候出现错,这里就记录下,需要的朋友可以参考下
recommend-type

微信小程序wx.request实现后台数据交互功能分析

主要介绍了微信小程序wx.request实现后台数据交互功能,分析微信小程序wx.request在后台数据交互过程中遇到的问题与相关的解决方法,需要的朋友可以参考下
recommend-type

26. 基于视觉的道路识别技术的智能小车导航源代码.zip

1.智能循迹寻光小车(原埋图+PCB+程序).zip 2.智能循迹小车程序.zip 3.智能寻迹小车c程序和驱动.zip 4. 智能小车寻迹(含霍尔测連)c程序,zip 5.智能小车完整控制程序,zip 6.智能小车黑线循迹、避障、遥控实验综合程序,zip 7.智能小车测速+12864显示 C程序,zip 8. 智能小车(循迹、避障、遥控、测距、电压检测)原理图及源代码,zip 9.智能灭火小车,zip 10,智能搬运机器人程序.zip 11.智能arduino小车源程序,z1p 12.-种基于STM32的语音蓝牙智能小车,zip 13.循迹小车决赛程序,zip 14.循迹小车51程序(超声波 颜色识别 舵机 步进电机 1602).zip 15.寻光小车,zip 16.小车测速程序,zip 17.五路循迹智能小车c源码.zip 18.无线小车原理图和程序,zip 19.四驱智能小车资料包(源程序+原理图+芯片手册+各模块产品手册).zip 20.4WD小车安装教程及程序,z1p 21.四路红外循迹小车决赛程序,zip 22,适合初学者借鉴的arduino智能小车代码集合,zip 23.脑电波控制小车,zip 24.蓝牙智能避障小车,zip 25.基于树莓派监控小车源码.zip 26.基于视觉的道路识别技术的智能小车导航源代码,zip 27.基于STM32F407的超声波智能跟随小车,zip 28.基于arduino的蓝牙智能小车,zip.zip 29.基于51的蓝牙智能小车,zip 30.基于51单片机的红外遥控控制小车程序,zip
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

MATLAB柱状图在信号处理中的应用:可视化信号特征和频谱分析

![matlab画柱状图](https://img-blog.csdnimg.cn/3f32348f1c9c4481a6f5931993732f97.png) # 1. MATLAB柱状图概述** MATLAB柱状图是一种图形化工具,用于可视化数据中不同类别或组的分布情况。它通过绘制垂直条形来表示每个类别或组中的数据值。柱状图在信号处理中广泛用于可视化信号特征和进行频谱分析。 柱状图的优点在于其简单易懂,能够直观地展示数据分布。在信号处理中,柱状图可以帮助工程师识别信号中的模式、趋势和异常情况,从而为信号分析和处理提供有价值的见解。 # 2. 柱状图在信号处理中的应用 柱状图在信号处理
recommend-type

hive中 的Metastore

Hive中的Metastore是一个关键的组件,它用于存储和管理Hive中的元数据。这些元数据包括表名、列名、表的数据类型、分区信息、表的存储位置等信息。Hive的查询和分析都需要Metastore来管理和访问这些元数据。 Metastore可以使用不同的后端存储来存储元数据,例如MySQL、PostgreSQL、Oracle等关系型数据库,或者Hadoop分布式文件系统中的HDFS。Metastore还提供了API,使得开发人员可以通过编程方式访问元数据。 Metastore的另一个重要功能是跟踪表的版本和历史。当用户对表进行更改时,Metastore会记录这些更改,并且可以让用户回滚到
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。