sgj191024 - 博客园

2022年11月

摘要： data里面定义测试数组 arr1:[1,3,5,7,11,0], arr2:[1,11], arrres:[] 然后过滤一下 for(let one of this.arr1){ if (this.arr2.indexOf(one) == -1) { //解释：如果新数组里没有就放进去，有就放不进阅读全文

posted @ 2022-11-05 19:27 sgj191024 阅读(1144) 评论(0) 推荐(0)

2022年10月

没有引入若依框架时如何重置表单

摘要： reset() { this.form = { files: undefined, department: undefined, organization: undefined, companyContact: undefined, unitPhone: undefined, unitEmail: 阅读全文

posted @ 2022-10-28 13:43 sgj191024 阅读(52) 评论(0) 推荐(0)

2022年9月

vue分页点到第一页和最后一页时如何提示

摘要：点击上一页的时候我们判断页码是否小于1，如果小于1了，就弹出提示，再给它加1，然后return this.queryParams.pageNum = this.queryParams.pageNum - 1 if(this.queryParams.pageNum < 1){ this.$messag 阅读全文

posted @ 2022-09-20 11:57 sgj191024 阅读(290) 评论(0) 推荐(0)

vue如何回显已上传的文件并且修改

摘要：我们知道当我们在表单里面上传多个文件时，我们希望将多个文件和表单中的对象一起传给后端，这时我们传给后端的文件就是file数组。而我们想要回显已上传的文件，应该是拿不到那个file数组的，所以我们可以让后端返回给我们之前上传的多个文件的信息，比如说id,文件名字等。在这里定义一个上传组件，重新给我封阅读全文

posted @ 2022-09-07 16:09 sgj191024 阅读(4596) 评论(0) 推荐(0)

2022年8月

点击单选框时动态的控制表单项的显示和隐藏

摘要：如上图所示，有这样的一个需求，当用户点击同意的时候不需要显示审批原因。当用户点击不同意时才显示审批原因这个输入框。首先我们在同意不同意这个单选框上面绑定一个change事件，当它的value变化时我们也跟着变化 <el-form-item :label="$t('lang.application. 阅读全文

posted @ 2022-08-30 09:56 sgj191024 阅读(697) 评论(0) 推荐(0)

Vue上传多个文件

摘要：首先现在form表单中定义上传组件， <el-form-item prop="files"> <el-upload class="upload-demo" action="#" :auto-upload="false" :on-change="uploadFiles" :multiple="true 阅读全文

posted @ 2022-08-30 09:39 sgj191024 阅读(1494) 评论(0) 推荐(0)

vue分次传多张图片

摘要：网上搜了一下，传多张图片都是一次选中多张图片然后上传的，如果想要点击一次上传一张图片，这样分两次上传两张图片如何处理呢。先在form中定义两个上传组件 <el-form-item :label="$t('lang.siteSettings.logo')" prop="sysImage"> <el-u 阅读全文

posted @ 2022-08-11 17:53 sgj191024 阅读(351) 评论(0) 推荐(0)

前端vue用select选择器多选，保存选中的选项到数据库，然后进行回显

摘要：在表单中引入select选择器 <el-form-item :label="$t('lang.contentManage.asean')" prop="nations"> <el-select v-model="form.nations" multiple :placeholder="$t('lan 阅读全文

posted @ 2022-08-11 15:25 sgj191024 阅读(3480) 评论(0) 推荐(0)

vue的formData中的日期时间后端获取不到

摘要：在form表单中加了一个日期时间的组件，可以填写日期时间 <el-form-item :label="$t('lang.contentManage.createTime')" prop="createtime"> <el-date-picker v-model="form.createtime" t 阅读全文

posted @ 2022-08-11 15:01 sgj191024 阅读(665) 评论(0) 推荐(0)

vue表单中如何上传图片

摘要： form表单中定义上传图片的组件 <el-form-item :label="$t('lang.contentManage.sysImage')" prop="sysImage"> <el-upload class="upload-demo" action="#" accept=".jpg, .pn 阅读全文

posted @ 2022-08-11 14:53 sgj191024 阅读(746) 评论(0) 推荐(0)

公告