qq_32154641的博客

关于element的输入框el-input限输入只能是数字，就是包括数字123456,小数的只能一个小数点，不能出现多个小数点，小数可以0开头，但是整数不能0开头，不能输入文字，不能输入负数，所以对于这个我做了两个判断，一个是正则判断，还有一个是0开头的整数判断，正则判断是只能输入数字，只能输入一个小数点，不能输入负数，整数判断是input输入失去焦点的时候，如果是小数0.开头的不管，但是如果不是0.开头的就要把第一个数字0去掉。

关于el-table表格内容，序号前三设置样式和分页页码不重置，要一直加下去

在开发过程中，我遇到了一个问题，就是要实现一个效果，就是一个div，这个div的左上角要有一个数字，然后这个div内容的长度变化时，这个数字位置也要随着变，不然就会变成很难看。没想到这样就成了，用了一个相对定位和一个绝对定位，相对定位使用在父元素上，绝对定位使用在子元素上。我自己写的效果变成这样了。

关于vue的elementUI和vue3的element-plus的el-dialog的样式以及el-table的tooltip的样式修改

关于element中的el-tree和el-tag之间的联动

这是我自己写代码的时候出现的一个问题，就是当我用elementUI组件，使用下拉框el-select来展示数据的时候，第一次输入，下拉列表出现，你选择一个是正常的，然后你继续选择的时候，当你的鼠标移到这个下拉框上的时候，控制台就报错Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore’)，截图如下然后我看了这个错误看半天，表示自己从没在代码中有写过这些，然后我就去自己百度了下，百度说出现

本篇文章写的是利用vue+elementUI写一个购票日期选择，横向的购票日期，类似于携程网上的日期选择，效果如下图所示：其他地方可以忽略，其中比较麻烦的是我圈起来的那个时间选择，如下是代码：<template> <div class="content-class"> <div> <el-row :gutter="20" class="search-row"> <el-col :span="4" style="text-alig

我在做vue项目的时候遇到一个问题，那就是引入element UI的时候，使用里面的组件的时候，在样式里面会出现很多重复的样式，虽然不影响项目的运行，但是对我自己来说，看着很不舒服，尤其是重复了四五次，看着图片就是一大堆下来如下图：所以我想把这个重复的去掉，后来想了很多方法都不行，当时突然想到我之前的项目里面是不会出现样式重复的，然后我上网看了下，才发现是我导入element UI的方式不对，我使用的是vue add element执行这段代码，就会出现我那样的结果，而且element原本的样式好像也有

我之前发布过一次也是vue华视电子身份阅读器的使用，但是那个是要给浏览器安装插件才行，而且至少支持ie，不支持谷歌。至于插件我放在了资源那边，或者你们可以去华视官网去下载华视阅读器官网，里面有你需要的对应的插件，然而今天我这要说的是通用的，不管是在ie还是在谷歌都是可以用的。而且是直接启用华视电子身份证阅读器的服务来的，至于服务我也上传到了网上华视阅读器服务，下载下来解压，找到对应的华视电子读卡服务.exe文件，路径是CVR-100N SDK开发包下载\开发资料\网页版开发包\华视电子读卡服务.exe,双击

这篇文章主要写的是基于vue+element的获取时间、当前时间、对应的农历、星期还有日历的选择是一起的，有兴趣的小伙伴可以看下，如果我哪里写的不好，也请各位大佬指出。首先我先让大家看下界面截图，里面包含的功能很多，我会一一为大家说明，截图如下：首先就是你在时间那栏输入数字例如20210413，之后它会自动变成2021-04-13，默认获取的是当前的时间，也就是你所看到的时间，星期和农历，完整代码如下<template> <div class="mt-2 start-date

本文是用了vue+element来实现华视身份证读卡器读取身份信息的，当然在开发之前要做好前提准备，就是厂家提供对应设备的api和安装对应的驱动。本文通过两种方法来实现读取信息，第一种是点击按钮读取信息，第二种是卡片放上去会自动读取信息。点击按钮读取信息：<template> <div> <el-button type="success" @click="readIDCard">读取身份证</el-button> <el-dialog

因为再vue中，有很多页面都需要用到同样的组件或者是插件，这时候我们就可以把这个通用的组件写到一个文件里面，然后进行组件的复用，很多界面共用一个组件，然后在我们的页面中修改我们自己想要的数值，下面是我自己写的一个弹框例子，可以作为参考，即dialog，因为我们知道在用vue写页面的时候，不管是后台管理系统还是其他页面，弹框提示是少不了的，所以我做了一个弹框提示的复用组件，大家可以根据自己的需求修改组件样式或者里面的内容。而且这里面有关系到父子组件之间的传值问题，这个问题我要说一下，当我们点击我们自己的页面的

本文只是写了四级菜单，如果你想要更多的菜单，你可以仿造我那样继续写下去，我都有写备注。源代码如下：<template> <div class="sidebar"> <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse" background-color="#324157" text-color="#bfcbd9" active-text-color="#20