qq_42751248的博客

一、业务背景：最近在开发一个微信小程序试题“顺序练习”模块，该模块里有一定数量的各种类型试题（单选题、多选题、判断题、简答题和应用题），用户可以进入进行顺序试题练习，同时在做题的过程中，会对试题是否做对/做错，是否做过，用户答案进行记录，和相关数量的统计。简单来说，就是针对该模块，每个用户都有个完成情况，具体效果图如下：...

一、Vue中JS里定义一定长度的空数组，例如:定义一个长度为10的空数组，如下：this.optionList = new Array(10);二、如果optionList数组某个下标值发生变化，如何及时进行页面数据刷新？如下：//getQuesIndetail为某个对象，此处把该对象赋值给下标为0的 this.optionList[0]this.optionList[0] = getQuesIndetail;//此方法主要使用主要解决赋值后页面值不能及时刷新的问题this.$set(th

一、具体使用场景描述：父组件里引入了一个文章封面（图片上传）的组件，修改操作时父组件需把封面存储路径及时传给子组件进行显示，使用的是Props方式父组件给子组件进行传值，子组件使用Watch普通监听还是不能很及时刷新值，使用Watch深度监听解决问题。二、相关代码如下：A.父组件核心代码：<!--父组件引入子组件 cover为父组件需要向子组件传的值--><photoUpload :cover="cover" />import photoUpload from

1.标签代码如下：<!--fileList存放图片集合--><!--action图片上传请求方法--><!--onRemove删除预览图片--><!--onSuccess图片上传成功后的回调函数--><u-upload file-list="fileList" :action="action" @on-remove="onRemove" @on-Success="onSuccess"></u-upload>2.属性值的

一、前言：作为不是第一次做图片上传功能的小伙伴们估计都有这样的体会，实现图片上传功能不难，稍微需要花点时间是增加功能里成功添加的图片在修改功能里能正常显示，以及不刷新项目的前提下，相互切换增加和修改功能时，图片缓存问题的正常处理，以下详细介绍若依RuoYi-Vue前端分离版使用Element里的el-upload组件实现多图片上传功能：二、前端相关代码：A.标签代码(多图片上传组件)：<!--:action里面放图片上传调取的后台方法 :headers设置上传的请求头部,使请求携带自定义

一、业务需求分析：最近在做一个小程序中的试卷考试模块，既然说到考试，就得涉及到试卷，我们试卷有两种类型，固定试卷（试题是固定的）和随机试卷，但这两种试卷都是时段试卷，所谓时段试卷就是有明确的开始考试时间和结束时间（都是带年月日时分秒的）。现在用户在界面点击考试按钮，通过把获取的当前时间与查到的两种试卷各自规定的时间进行比较，来显示其中一种试卷或者当前没有考试计划的，主要就通过和当前时间进行比较来决定是否有考试的，以下为界面图片：二、实现思路：用户界面点击考试进入试卷详情页时，即分别调取后台查询数据库

业务需求分析：用户在某个模块试卷答完需要交卷时，点击当前页面交卷按钮，弹出层展示，弹出层上需能显示该试卷还剩余的时分秒，并有可供用户选择的 “否” 和 “是” 按钮，如果用户点击“否”，则不提交答卷，且弹出层隐藏，并停留在原页面；如果用户点击“是”，则提交答卷记录，且弹出层隐藏，并跳转到该模块的成绩单页。页面效果展示如下：页面结构分析：有交卷按钮的页面为父页面，子页面是弹出层页面，是嵌套在父页面上的，行业术语为：父组件引入子组件。技术点分析：a(父传子).由于是某个模块的答卷，且成功提交

1.父页面的相关代码如下：<!--父页面--><view class="check"> <!--父页面切换tab标签代码--> <van-tabs class="tabs" :class="scrollTop > 44 ? 'tabSticky' :'' " @click="onClick"> <van-...

一、情景介绍：一个显示已发布信息的页面是通过search(即搜索框)的子组件和table(即列表)的子组件拼接组合而成的，现在传数据的时候遇到问题：怎样把search子组件填写的条件通过点击搜索按钮即时的传给table子组件, 从而进行符合条件的查询，以下是父页面的效果图及其页面结构的主要代码：<template> <div class="published-in...

问题：动态切换单选框，并对应动态取到每个汉字名称对应的英文编码？如下图：

一、页面显示效果图和显示显示的代码，如下：<!-- provinceNameList:所有省份集合 provinceId：省份编码 provinceName：省份名称 --><!-- fnclIvt：按需求定义传后台的实体类 belongAreaName：保存provinceName的字段 --><!-- provinceNameList: 定义的省份集...

1.问题产生的场景：最近项目中有一个手机验证码登录的功能，需要做效验验证码的功能，我使用了引用表单组件自定义效验的方法rules，这种出现的错误信息提示效果拥有更好的用户体验度，功能图片如下：2.vue前端代码表述，首先我在表单效验rules中验证码对应字段上定义一个validator：validPhoneCode，之后再vue页面data(){}里定义此validPhoneCode方法，...