小程序 + Vant weapp
柚子君_
不是码哥,是码妹。崛起的开发一枚~~
展开
-
westore update()更新数据时需要注意的问题
一 问题复现正常显示的页面点击城市,跳转到带有动态索引的城市选择页面,选择一个城市如北京后,再次换个选择,重新进入页面,两条数据都变为新选择的数据。页面跟踪打印如下,发现数组被替换了二 问题追踪console.log是异步的…orz首先尝试在控制台打印数据 console.log打印着居然发现,console.log是异步的。但凡打开后的数据,是旧数据,未打开时,是新数据------惊讶不已因此控制台其实只是指向了对象的引用,当点击打开时,才去执行参考文章文章里说,首先明确原创 2020-07-02 16:52:13 · 642 阅读 · 0 评论 -
小程序网络请求问题
一 问题描述页面的data中可数据存在,wxml中不显示方法调用:打印的结果:页面调用:这是什么奇怪问题?原创 2020-06-29 14:20:13 · 368 阅读 · 0 评论 -
小程序模拟器与ios真机调试不一致的问题
一 项目概述小程序+vant weapp + westore二 问题下拉框内的日历组件无法正常显示三 代码结构对比模拟器端(iphoneX模拟机)van-dropdown-item下有三个标签view标签 尺寸:375*673,除了下拉框全部选中van-cell-group标签尺寸:375*88,选中cell-groupvan-button标签尺寸:375*44ios真机只剩一个view标签,view的尺寸和模拟机相同。信了你的邪。再看看view内部。view内部对比原创 2020-05-28 14:52:09 · 3126 阅读 · 0 评论 -
小程序日期格式化转换
项目概述小程序开发+vant组件库+westore状态管理初始化日期页面js文件中初始化日期(后台需配置,否则查询时空字符串会报错)flightDate: ''日期格式化日期需要格式化为yyyy-mm-dd,本想用自带的util中的函数,但还是转成yyyy-MM-dd HH:mm:ss格式。wchat小程序中的日期格式化const format=require("../../utils/util.js");var date = format.formatTime(this.data.fl原创 2020-05-28 11:18:31 · 7058 阅读 · 1 评论 -
小程序flex布局align-items属性失效原因
flex布局学习资料阮一峰flex布局布局文章问题开发小程序时,采用flex布局,使用align-items属性时失效,元素无法基线对齐star不对齐,箭头不对齐代码wxss代码,align-items属性值无效wxml代码这里有赞的Vant weapp的cell有个居中属性也是写的flex的align-items属性。显然也是无效。原因多方排查,是van-cell内部嵌套了太多view导致居中失效。改正一将title插槽内部的view标签全部改为不需渲染的block标签原创 2020-05-26 12:13:45 · 3640 阅读 · 0 评论 -
小程序模拟ajax请求实现分页功能
一、需求初次加载显示 loadding下拉时下一页上拉时上一页最后一页底部显示“没有更多”非最后一页底部显示“下拉加载更多”二、7个请求参数页面两个下拉框数据 + 两个input数据,四个查询参数当前页面page参数页面size参数url参数三、Promise函数封装request请求,避免无限回调var request = function request(url...原创 2020-05-07 15:52:32 · 332 阅读 · 0 评论 -
小程序页面渲染问题
1.模拟ajax请求,后台拿到数据2.绑定数据到页面3.页面无数据尝试打印data数据console.log("数据绑定: "+ that.data.result)打印结果原来是格式错误。采用JSON.stringify() 将JS值或对象或数组转换为JSON字符串。result: JSON.stringify(res.result)打印正常...原创 2020-05-07 10:54:51 · 734 阅读 · 0 评论 -
小程序事件传参异常
今日开发遇到个很奇怪的问题。A页面传参数id到B页面,id值10%的概率为空。打断点复现bug调试如下:给cell的value值设置为id,页面有参数,说明标签的id值正常。方法的event参数无值。...原创 2020-04-30 09:04:04 · 543 阅读 · 0 评论 -
关于小程序的页面与功能设计
关于该小程序的功能页面设计,刚开始想法是风格尽量与官网和官方小程序一致。和领导沟通 + 研究数个小程序如招行信用卡、饿了么等之后,觉得自己关于页面设计没有考虑太多,导致冗余太多,也不适合移动端的特点。1.移动端小程序与网页功能不需要一致,用户不需要完整的用户体验,而是尽可能精简的操作,尽量减少按钮,突出主要功能。2.明确页面功能,保证手机页面的大部分显示为主要功能。对于其他模块,能进行精简筛选...原创 2020-04-29 16:52:48 · 1119 阅读 · 0 评论 -
小程序引入Vant weapp Ui组件库方便开发
近日工作需要写个小程序满足部分领导的移动端需求,功能不多。小程序官方api有赞移动端官网有赞github按照官方提示与百度,成功注册微信公众平台并成功启动第一个小程序项目。考虑到自己实现组件太过繁琐,经多方对比(主要是老大敲定),使用有赞的UI库-----Vant weapp。中间查资料还误入了vue版本。安装官方github介绍有两种安装方式方式一:通过npm安装;方式二:直接...原创 2020-04-29 16:46:01 · 678 阅读 · 0 评论 -
小程序使用Vant weapp的下拉框组件dropdown嵌套索引栏IndexBar无法正常跳转至对应锚点且底部异常
【问题】小程序使用Vant weapp的索引栏IndexBar组件无法正常跳转至对应锚点,且无变色效果,但滚动正常。Vant UI库是采用dist文件引入的方式导入。按官方demo在xx.json引入组件 "van-index-bar": "../../dist/index-bar/index", "van-index-anchor": "../../dist/index-anchor/...原创 2020-04-28 11:30:00 · 4815 阅读 · 0 评论