![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 53
rookie_qjj
这个作者很懒,什么都没留下…
展开
-
vue实现移动端问卷调查(适配多道题目多种题型)
最近手上的项目要求做一个调查问卷(题目数据由后端返回,也就是说题目数量不定,题目类型分为单选、多选、简答、上传附件四种)思路:1、把每种题型单独封装成组件2、统一拿到所有题目的数据,通过点击“下一题”、“上一题”拆分数据,通过题目类型控制显隐3、选择答案后,点击“下一题”之前,this.$set()保存当前题目答案到该题4、做完问卷后提交,拿到所有题目数据(包含答案),组装成后端需要的数据结构提交答案即可上代码:1、封装组件1)单选题:<template>原创 2022-04-15 16:40:18 · 7732 阅读 · 0 评论 -
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 · 4687 阅读 · 1 评论