vant
文章平均质量分 54
移动端开发
这都能重名?!
这个作者很懒,什么都没留下…
展开
-
实现滚轴一直跟随到底部
消息列表实现滚轴一直滚动到底部,实现能够看到最新消息// 1. 在div块中,定义ref,以便后续通过ref获取dom元素eg: <div ref="myBox" class="main-content">// 2. 在实现位置,如按钮、子组件等绑定方法。 myVideo是一个子组件eg: <myVideo @getDanmuMsg="getDanmu" />// 3. 在绑定的getDanmu()方法中写入如下代码(触发滚轴变化) // 始终让滚动条滚动到最底部原创 2022-03-17 11:46:33 · 349 阅读 · 0 评论 -
移动端解决输入框唤起键盘时将底部导航栏顶起问题总结
问题描述 vue基于vant框架开发移动端项目时,出现了这样一个问题:在手机上点击页面输入框时唤起手机自带键盘,结果底部固定的导航栏也被顶起,导致遮挡住页面部分内容解决办法 这篇文章给出了解决办法解决移动端软键盘弹起底部固定布局被顶上去问题和屏幕背景被压缩问题 我在本地模拟测试了此方法,是可以解决掉底部被顶起问题,但是在我的某一个项目中,此方法并不能完全解决底部导航栏被顶起问题。究其原因,是我的项目中存在tab标签页,并且底部导航栏是被封装为一个通用组件使用的,当键盘被唤起时需要在页面内使用动原创 2021-12-21 09:35:32 · 2854 阅读 · 0 评论 -
vue组件封装之封装一个移动端按钮组件
需求描述 场景:现有很多类表单,进入表单详情后需要使用按钮提供表单的相关审批操作,需封装一个通用的按钮组件以满足不同表单不同需求操作 原型图如下: 思路:既然是在移动端,那我们是需要用到vant移动端组件库了。首先我们需要在项目中引入vant,然后绘制出原型图中的页面,最后考虑将其封装为一个通用组件。步骤引入vant安装 npm install vant --save引入:1、 在main.js文件中引入// 全局引入import Vant from 'vant'Vue.use原创 2021-12-08 17:17:47 · 520 阅读 · 0 评论