vue3+setup+validator验证两次输入密码是否一致(土法)
数据源: const regForm = ref({ name: '', email: '', password: '', passwordCheck: '' }) 定义两个validator验证规则: 这里的第一个,也就是validatepass2的if在vue2中可以是: if (this.regForm.passwordcheck !== '') { this.$refs.regForm.v…
数据源: const regForm = ref({ name: '', email: '', password: '', passwordCheck: '' }) 定义两个validator验证规则: 这里的第一个,也就是validatepass2的if在vue2中可以是: if (this.regForm.passwordcheck !== '') { this.$refs.regForm.v…
安装swiper npm install swiper@3 --save-dev main.js import 'swiper/dist/css/swiper.min.css' import 'swiper/dist/js/swiper.min' 其他vue文件 <template> <div> <div class="swiper-box" style="heigh…
版本 "vue": "^3.0.0" "eslint": "^6.7.2" "eslint-plugin-vue": "^7.0.0" 空格与Tab问题 我上来必然干的事情就是关掉这个 "rules": { "no-mixed-spaces-and-tabs": "off" } 这玩意实在太讨厌了,尼玛我网上复制粘贴个代码,或者用编辑器工具格式化一下就会各种报错。明明肉眼看到的都一样,然而还是不一…
本文记录了一次使用abp Core5 ,vue 开发复杂报表的经历。 0、需求概述 业务需求是:统计一个化工厂车队形式记录数据中异常停车的报表,维度可以按照车俩、驾驶员两个维度进行统计,统计的元素有: TLX01 堵车|TLX02 限行|TLX03 途中车辆维修|TLX04 停车休息|TLX05 雨雾天气|TLX06 装卸货或装卸货排队|TLX07 围栏停留|TLX08 吃饭|TLX09 加油|T…
文件封装 步骤 核心请求文件 在 apiUse 文件夹中的 index.js 文件写 API接口方法 baseURL + url 后台完整地址 将信息写入 store 文件夹中的 index.js 文件 将信息保存到Vuex中,Vuex管理全局共享的数据 ①引入接口方法 ② state 变量中定义要接收的对象 ③ mutations 方法更新信息 ④ actions 方法请求用户信息保存到 sta…
vue-cli3 配置多环境打包 由于公司项目需要多环境,就研究了一下vue-cli3的多环境配置,这里和大家分享一下vue-cli3多环境配置方法 首先我们先看看 vue-cli环境变量和模式,通过官网我们可以发现 vue-cli 提供了三个模式(test、development、production)而每种NODE_ENV下面可以配置多个环境变量 我们可以通过.env文件增加后缀来设置某个模式…
因为ant desgin vue没有颜色选择器一说 本人用vcolorpicker引入一直报错.... 思来想去用来 vue-color插件 //场景 项目需要仪表单形式选择前景色以及背景色 提交数据 渲染到表格 还有编辑回显颜色功能 //万年不变的先下载 npm install vue-color 然后引入 import { Sketch } from 'vue-color' componen…
js获取移动端屏幕高度和宽度等设备尺寸,兼容性比较好的方法: document.documentElement.clientWidth; document.documentElement.clientHeight; 这段js代码得到的就是移动设备的可见宽高,比如iPhone 4s在微信内设置了viewport为1的时候为320*416(手机480 - 微信状态栏64),iPhone 5里为320*…
VScode使用vue组件模板字符串自动补全代码的方法 1.打开设置 2.搜索找到settings.json文件 3.复制粘贴以下代码到文件保存即可 "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "…
背景: 大家是否经常遇到关闭页面的时候或者页面的时候,都会弹出一个弹框,问你是否保存数据或者是否可以刷新,目的就是防止不经意刷新导致页面数据丢失,很多人会用到本地存储,但是这样做比较麻烦,根本上就是提示用户,是否进行刷新或者是退出此页面,今天我们已经了解window浏览器自带的刷新拦截提示 利用了HTML DOM事件中的onunload和onbeforeunload方法。 1、onunload o…