vant
文章平均质量分 62
lamCCH
自学成才
展开
-
vant表单checkbox验证问题
项目中使用了vant的表单,提交时有非空验证。单选、输入框都验证成功了,唯独复选框验证失败,选择选项之后还是显示未选择。官网和搜索引擎都找了下并没有找到答案。因为之前布局问题使用了<van-row>和<van-col>,我试着把<van-field>外的<van-col>去掉,然后就验证通过了。很奇怪,现在不知道什么原因。有遇到过的大佬吗?...原创 2021-07-22 16:20:58 · 2461 阅读 · 0 评论 -
不使用keep-alive,记住列表的滚动位置(scrollTop的正确使用方式)
需求如图,首页日常任务模块—>日常任务列表(父组件)–>任务列表(子组件)–>详情页(孙组件)。就是从首页进入功能列表页父组件,滚动一段距离点击自立项目进入到任务子组件,再滚动一段距离点击第一条带日期的那一项进入任务详情,然后返回时要返回到刚才滚动的位置,而不是从列表第一条开始。项目使用的vue框架和vant组件,我按照vue官方文档里介绍说把<router-view>用<keep-alive>包裹起来就可以实现,各组件内也定义了name属性,然而并没有卵用,.原创 2020-12-18 16:18:45 · 1186 阅读 · 1 评论 -
vant-uploader组件删除预览图片之前的回调函数使用方法
由文档可知,before-delete有两个回调参数,file和detail,支持返回Promise// 删除图片前的回调,可以返回PromisedelImg (file, detail) { return new Promise((resolve, reject) => { this.$dialog.confirm({ message: '确认删除图片?' }).then(() => { // 存放图片的数组 this.refPr原创 2020-11-17 15:03:54 · 6779 阅读 · 0 评论 -
vant-form表单验证时的注意事项
切记切记!!!原创 2020-11-17 14:12:14 · 2862 阅读 · 0 评论 -
H5+原生app项目键盘弹起背景被上推、挤压的解决方法
最近做了原生app嵌套H5的手机端应用。因为是第一次做手机端应用,遇到问题挺多。现总结下登录页遇到的问题。正常样式如图:当点击输入框,键盘会弹起,此时样式就错乱了。输入框和底部的背景图会上移,遮挡住头部背景文字。给输入框加了高度之后,调整样式,输入框正常了,但底部的背景图还是被挤压上来了。然后修改了样式后还是不行。通过样式查看,背景图被挤压的原因是因为键盘弹起时改变了屏幕的可视区域大小,所以底部的div就上来了。既然键盘弹出时会改变屏幕大小,那我们在键盘弹起时不让它改变不就可以了吗?在moun原创 2020-08-26 11:01:43 · 2179 阅读 · 2 评论 -
vant的grid使用时的问题
第一次做移动端的项目使用了vant-ui,在用grid组件的时候出了个bug。当刷新页面或页面发生错误时,九宫格布局会变成下图这样图标突然变小,随便点击一下其它页面就又恢复正常。出现的原因不是太清楚。但是找到了解决方法。把图片放到slot里就可以了。// 原来的代码<van-grid-item text="巡察实施" to="/inspection"> <img src="../../assets/巡查实施.svg" alt /></van-grid-it原创 2020-08-17 17:35:40 · 12822 阅读 · 4 评论