自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 移动端 vant库tab页锚点定位+滚动tab切换(单页面)

tab页通常用于切换页面,我们今天做的是点击tab标签,定位到相应位置,也就是锚点定位,所以这里的tabs并没有起到太大的作用,仅仅是样式首先首先锚点定位:(先看看最后的样子)html部分: <div ref="header" class="anchor-jump-node"> <a href="" @click.prevent="goAnchor('#onlinecli', 0)"> <s.

2022-04-19 17:36:04 6636 3

原创 vue实现移动端问卷调查(适配多道题目多种题型)

最近手上的项目要求做一个调查问卷(题目数据由后端返回,也就是说题目数量不定,题目类型分为单选、多选、简答、上传附件四种)思路:1、把每种题型单独封装成组件2、统一拿到所有题目的数据,通过点击“下一题”、“上一题”拆分数据,通过题目类型控制显隐3、选择答案后,点击“下一题”之前,this.$set()保存当前题目答案到该题4、做完问卷后提交,拿到所有题目数据(包含答案),组装成后端需要的数据结构提交答案即可上代码:1、封装组件1)单选题:<template>

2022-04-15 16:40:18 7663

原创 H5移动端vue+vant实现图片单张/批量上传(超1M压缩处理)

这是一个很常见的需求,但是我在写代码的过程中发现一些坑,就想为大家(包括踩坑前的我)打开一扇大门,话不多说,上才艺。html部分用到vant UI库的van-uploader <!-- 上传附件 --> <div class="uploadImg"> <span class="isMust">*</span> <p class="uploadImg-title">4、附件上传(最多上传9张)</p>

2022-03-18 16:52:42 4626 1

原创 vue+element UI之批量删除分页数据

项目场景:vue+element UI之批量删除分页数据前段时间做一个自动化测试项目,根据业务需求,为满足用户方便快捷的批量删除和执行分页数据,element默认是只保留当前选项,点击第2页,第一页勾选的记录就会消失,于是乎,我们就来解决这个问题-----如何批量删除/执行分页数据?用过element表格的都知道,有一个多选Checkbox样式,要实现本功能,必须用到 :row-key=“getRowKeys”+ :reserve-selection="true"来配合实现,具体如何用呢?1)在

2021-06-04 11:06:38 2352 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除