Vue项目element组件遇到的坑(记录篇持续更新)
2023-06-13 09:11:54 时间
Input数字输入框
<!-- 一般情况使用 type="number"存在问题:数字可为负数,且出现上增下减箭头 -->
<el-input v-model="input" placeholder="请输入内容" type="number"></el-input>
<!-- 我的解决方案 - Perfect -->
<el-input v-model="input" placeholder="请输入内容" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
JS校验判断姓名
const reg = /^[\u4e00-\u9fa5]{2,8}$/;
const name = '呜哈哈1';
console.log(`姓名校验 ${reg.test(name)?'正确':'错误'}`);
JS校验判断手机号
const reg = /^1[3|4|5|7|8]\d{9}$/;
const mobil = '1525222222';
console.log(`手机号校验 ${reg.test(mobil)?'正确':'错误'}`);
JS校验判断身份证号码
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
const userNum = '320333199806060011X';
console.log(`身份证号码校验 ${reg.test(userNum)?'正确':'错误'}`);
相关文章
- [ Vue ] vue 设计原理之响应式系统实现笔记( 二 )
- Vue快速入门
- VConsole—Vue项目
- 我离开jQuery(layui)选择vue[通俗易懂]
- Vue(3)webstorm代码格式规范设置与vue模板配置
- vue(16)vue-cli创建项目以及项目结构解析[通俗易懂]
- Vue 入口与 initGlobalAPI
- todomvc项目_reactive vue
- VUE组件封装_vue使用组件
- 记一次重构三个月前的 Vue 项目
- 【架构师(第三十篇)】Vue-Test-Utils 全局组件和第三方库 vuex | vue-router
- Vue的computed和watch的区别是什么
- vue项目使用.env文件配置全局环境变量
- vue.js客服系统实时聊天项目开发(十三)日期缩短展示,同一天只展示时秒,同一年展示月日小时秒
- vue中如何将 json 格式化展示在页面中?
- 每日一题之请描述Vue组件渲染流程_2023-02-23
- 4. 「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作
- vue-cli3项目搭建配置以及性能优化
- Vue中触发Redis订阅通知(vue中订阅redis)