12 2022 档案

表单校验之迭代，数组

摘要：像这种可以添加的数组表单，该怎么校验呢 <el-row :gutter="12" class="return-detail-row" v-for="(item,i) in form.orderAnjiContactAddDtoList" :key="i"> <el-col :span="8"> <e 阅读全文

posted @ 2022-12-29 11:39 幻影之舞阅读(69) 评论(0) 推荐(0) 编辑

地图级联选择框组件

摘要：效果图代码： html: <template> <div class="cascader-container"> <el-select placeholder="省" class="select-item" v-model="selectedValue[0].adcode" @change="on 阅读全文

posted @ 2022-12-29 11:32 幻影之舞阅读(46) 评论(0) 推荐(0) 编辑

el-input输入框只能输入中文，英文，邮箱，手机号等等

摘要：1.设置限制只能输入中文校验中文的正则：/^[\u4e00-\u9fa5]+$/ rules: { chineseName: [ { required: true, message: "请输入中文名", trigger: "blur" }, { validator: function(rule, 阅读全文

posted @ 2022-12-26 11:31 幻影之舞阅读(3562) 评论(0) 推荐(0) 编辑

uni封装请求

摘要：使用uniapp发送请求时，要用到自身的API，uni.request 可以将其封装在index文件里，后面使用的时候也更加方便 const BASE_URL = 'https://localhost:8081/api'; export const $req = (option) => { retu 阅读全文

posted @ 2022-12-22 16:20 幻影之舞阅读(27) 评论(0) 推荐(0) 编辑

el-tree和el-select实现下拉树选择

摘要：效果; html代码 <el-select v-model="selectTree" placeholder="请选择..." size="mini" clearable ref="select" > <el-option hidden key="id" :value="selectTree" :l 阅读全文

posted @ 2022-12-09 11:21 幻影之舞阅读(626) 评论(0) 推荐(0) 编辑

监听浏览器是否切换

摘要：window.addEventListener("visibilitychange",() => { console.log(document.hidden) isShowToasts.value = !document.hidden }); 在onMounted里加上上面代码，然后用一个变量来绑定阅读全文

posted @ 2022-12-06 14:23 幻影之舞阅读(60) 评论(0) 推荐(0) 编辑

Css实现DIV铺满屏幕的几种方法

摘要：1. 第一种方式 div{ /* div的CSS样式 */ position : absolute; width : 100%; height : 100%; } *{ /* CSS Reset */ margin : 0; padding : 0; } a、给整个div设置一个绝对定位，然后给该阅读全文

posted @ 2022-12-06 10:57 幻影之舞阅读(15492) 评论(0) 推荐(0) 编辑